Css 如何更改悬停时文本的不透明度？

在

悬停

时，我希望图像和文本的不透明度变为0.5。但它只处理图像，而不处理文本：

a：悬停{
不透明度：0.5；
光标：指针；
}

马修兔
欢迎光临。很高兴我帮了你。干杯欢迎很高兴我帮了你。干杯可以添加显示：块；锚定。在Firefox和IE中，问题出在Chrome上（可能在其他webkit浏览器中，我不知道），就像@SkyWookie用
display:block说的那样。问题解决了，我找到了同样的解决方案，你可以添加display:block；锚定。在Firefox和IE中，问题出在Chrome上（可能在其他webkit浏览器中，我不知道），就像@SkyWookie用
display:block说的那样。问题解决了，我找到了相同的解决方案
<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;
}