html – 大纲被下一个元素隐藏

概述我有一排图像,每个图像都包含在链接中. 我希望当我悬停鼠标时,每个图像周围都会出现一个虚线轮廓. 问题是,除了最后一张图像之外,RHS上的轮廓都没有了. 它好像图像与左侧的图像轮廓重叠. 无论如何,当我悬停时,四边都会出现轮廓？ (我需要这些图像在没有间隙的情况下彼此对接.) 我在FF14,chrome,IE9上尝试了这个. http://jsfiddle.net/spiderplant0/P3W 我有一排图像,每个图像都包含在链接中.

我希望当我悬停鼠标时,每个图像周围都会出现一个虚线轮廓.

问题是,除了最后一张图像之外,RHS上的轮廓都没有了.

它好像图像与左侧的图像轮廓重叠.

无论如何,当我悬停时,四边都会出现轮廓？

(我需要这些图像在没有间隙的情况下彼此对接.)

我在FF14,Chrome,IE9上尝试了这个.

http://jsfiddle.net/spiderplant0/P3WBG/

解决方法 最简单的方法是分配位置：相对于a元素,然后增加a>的z-index. img：hover(而不是样式化a：hover：

a > img {    position: relative;}a > img:hover {    outline: 3px dotted blue;    z-index: 3000;}

JS Fiddle demo.

总结

以上是内存溢出为你收集整理的html – 大纲被下一个元素隐藏全部内容，希望文章能够帮你解决html – 大纲被下一个元素隐藏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。