HTML Code, CSS code, and Result
我希望链接处于悬停状态时的行为，链接的不透明度为0.5，然后会出现工具提示，但不透明度为1。
如您在照片上看到的，处于悬停状态时，链接和工具提示的不透明度均为0.5。
我尝试添加以下内容：
.tooltip-text:hover{opacity: 1;}
我的猜测是，.img_links的不透明度可能会覆盖.tooltip-text所做的任何不透明度更改，因为它们是锚标记元素的一个元素？
任何帮助将不胜感激。谢谢。
最佳答案
由于工具提示是.img_links的子级，因此，如果降低.img_links的不透明度，则工具提示永远不会比其父级更不透明。
更换
.img_links:hover { opacity: .5 }
与
.img_links img:hover { opacity: .5 }
或将工具提示移出img_links容器。
关于html - 将鼠标悬停在图像上时，链接图像的不透明度为0.5，工具提示的不透明度为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35680263/