我一直试图做一个网站上覆盖悬停效果纯CSS:与图像的div hover样式,这并不触发
<div class="col-md-4 port-show">
<img class="img-responsive" alt="" src="">
<h2 class=""></h2>
<ul>
<li></li>
<li></li>
</ul>
</div>
但我碰到的问题当我徘徊通过覆盖图不会触发的img。我知道我必须以不同的方式去做,但现在不要这么做。 CSS:
:hover:after{
content: "";
z-index: 10;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: red;
border-radius: 6px;
border-color: transparent;
}
哪个元素,你徘徊? –
不要以为你可以在图像上做一个后处理,因为它将元素放置在元素的末端(内部),而img标记不能包含子元素,而且当你完全定位后,你必须使img相对 – Pete
@JayGhosh我试图悬停div,但是当我有点太快并将鼠标悬停在图像上时,我的悬停效果不起作用。 –