我正在使用本教程来实现图像悬停效果：
http://webdesignandsuch.com/create-overlay-on-image-hover-jquery-css3/
当图像缩略图已经在另一行中时，最后一个覆盖仍然始终在行中。
这是屏幕截图：http://imgur.com/a/jABsl
每个拇指如下所示：
<a href="image.jpg">
<span class="overlay"></span> <!-- this is position:absolute -->
<img src="thumb.jpg">
</a>
谢谢您的帮助。
最佳答案
检查此：http://jsfiddle.net/XSgq4/
<div class="overlay">
<a href="http://www.stackoverflow.com/">
<img src="http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png" />
</a>
</div>
的CSS
.overlay {
display:inline-block;
position:relative;
}
.overlay > a:hover:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:rgba(0, 0, 0, .3);
}
或跨度版本：http://jsfiddle.net/XSgq4/1/