css - :hover somehow not working

Question

我正在处理这个页面 http://seriesaddict.fr/Hunted/772我有这个:

.ficheserie_casting img.style_img, img.style_img a:hover {opacity: 0.7;}
.ficheserie_casting img.style_img, img.style_img a {opacity: 1;}

悬停不起作用，谁能告诉我为什么？!

Answer 1

看起来您正试图将鼠标悬停在 img 元素上，但您将鼠标悬停分配给显然位于 中的 a 标签img 标签，这是不正确的 HTML:

不正确:

<img><a></a></img>

正确:

<a><img /></a>

将您的 css 更改为:

.ficheserie_casting img.style_img, img.style_img:hover {opacity: 0.7;}
.ficheserie_casting img.style_img, img.style_img {opacity: 1;}