A
A
Alexander132019-10-31 13:25:22
css
Alexander13, 2019-10-31 13:25:22

Why does border-radius disappear on hover in SAFARI?

on the site q962037k.beget.tech in the "Gallery" block when you hover over the image, it increases, but in safari the rounding disappears, in other browsers everything is fine. The image is wrapped in a wrapping div with border-radius and overflow: hodden
How to make safari not lose this rounding on hover? Maybe someone faced such a problem?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Alexandr13, 2019-10-31
@Alexandr13

I found a solution, it helped to add position: relative and z-index for the image and the wrapping block (the wrapper has 4 and the image itself has 3, respectively)

D
Danaya Davydenko, 2021-11-28
@Danaya

Here's another good solution. Add for wrapping block with overflow this:
-webkit-mask-image: -webkit-radial-gradient(white, black);

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question