hover problem?

Question

css

I have a problem, I have a picture on hover, it should become transparent and text appears on it. But when I hover the mouse over the text, the hover attribute leaves the picture.

Answer 1

oh , I would like to see the code (
well, in general, the text through translateX / Y ()

Answer 2

<div>
картинка
текст
</div>
div:hover {
ваш код
}

Answer 3

Wrap the image and text in a div. On hover on this div, change the styles of the picture and text.
For example, this way
To display text, you can make another substrate and apply a background to it. There are many options here.
In your implementation, the hover works because you track it from the picture. As soon as the text covers the image, the hover event leaves it.

Answer 4

Hover should not be put on the picture, but on the wrapper

Answer 5

top: 50%;
left: 50%
transform: translate(-50%, -50%);