Я пытаюсь изменить непрозрачность изображения при наведении на него курсора:

HTML CODE:


CSS CODE:

#playbtn{
    position:absolute;
    left: 50%;
    top:50%;
    opacity: 0.7;
}
#playbtn: hover{
    position:absolute;
    left: 50%;
    top:50%;
    opacity: 0.9;
}

Я также попробовал поместить строку HTML под

, но она все равно не работает.

Очевидно, я упускаю что-то основное. Спасибо заранее!

Mitch Tal

Ответов: 3

Ответы (3)

Не давайте пространство #playbtn:hover{} вот так

.

Просто уберите пробел между #playbtn и hover, должно выглядеть как #playbtn:hover

https://jsfiddle.net/38nm7r9j/3/

Уберите пробел в вашем css-файле между #playbtn и hover.

jsfiddle: https://jsfiddle.net/7ejc3t0j/2/

2022 WebDevInsider