a:悬停不知何故不起作用

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;}