Как я могу изменить непрозрачность моего текста при наведении?

On hover Я хотел бы, чтобы непрозрачность моего изображения и текста изменилась на 0,5. Но он работает только с изображением, а не с текстом:Как я могу изменить непрозрачность моего текста при наведении?

a:hover { 
 
    opacity: 0.5; 
 
    cursor:pointer; 
 
}

<a> 
 
    <img src="http://agriculture.vic.gov.au/__data/assets/image/0005/182390/rabbit_img1.jpg" style="max-height:90px"> 
 
    <footer class="logo-footer">Matthew <cite>Rabbit</cite></footer> 
 
</a>

источник

2016-09-01 Jarla

Вы можете добавить дисплей: блок; закрепить. –

В Firefox и IE отлично работает, проблема в Chrome (может быть, в других браузерах веб-браузера, я не знаю), как @SkyWookie говорит с 'display: block' проблема решена, я нашел то же самое решение – blonfu

<a> 
    <img src="http://agriculture.vic.gov.au/__data/assets/image/0005/182390/rabbit_img1.jpg" style="max-height:90px"> 
    <footer class="logo-footer">Matthew <cite>Rabbit</cite></footer> 
</a> 

body { 
    background: red; 
} 

a:hover { 
    opacity: 0.5; 
    cursor:pointer; 
} 

a:hover footer { 
    opacity: 0.5; 
}

Вот рабочая скрипку.

https://jsfiddle.net/djL0Lwbp/

источник

2016-09-01 08:12:08

Спасибо большое много! – Jarla

Добро пожаловать. Рад, что я тебе помог. Ура! –

Как я могу изменить непрозрачность моего текста при наведении?

ответ

Смежные вопросы