Question

有我的代码：

<div class='f-left vignetteFamille box-sizing'>
    <div class='relative contenuVignetteFamille box-sizing' style='z-index:1;'>
        <br/><br/><br/><br/>
        <img class='absolute' src='./charte/famille/fondBasGaucheVignetteFamille' style='bottom:-21px;left:-4px;z-index:0;'>
    </div>
</div>

我希望我的div contenuVignetteFamille悬停在图像上，但这不起作用，我不知道为什么

编辑：

有我的CSS，但我不知道是否会帮助你：

.vignetteFamille{background-image:url('./charte/famille/fondVignetteFamille.png'); background-repeat:no-repeat;background-position:bottom right;margin-right:16px;width:201px;margin-top:2px;padding-bottom:19px;padding-right:19px;}
.contenuVignetteFamille{width:100%;border:solid 4px #FFC600;}

Answer 1

我不确定我是否正确理解了您的问题，但我假设您想在悬停div contenuVignetteFamille时突出显示图片？

这可以通过在悬停父母时向孩子添加css来解决，如下所示：

.contenuVignetteFamille:hover img {
    opacity: 0.5;
}

See my fiddle here.

另一方面，请勿使用br标记在div上获得一定的高度，而是添加height值。我还将您的内联样式移动到外部样式。

带有z索引的div中的图像

1 个答案: