我一直在尝试从此页面实现css效果：http://sixrevisions.com/css/snazzy-hover-effects-using-css/
除了他为IE8发布的修复程序外，我的一切工作正常;我添加了一些条件代码，因此修复仅由＆lt; = IE8＆amp;因此不包括普通浏览器的CSS3重置。但是，修复似乎没有起作用，我看到的只是文字＆amp;文本被包裹在那里。
您可以在此处查看工作示例：http://www.thecssninja.com/demo/css_hover2/
我设置的示例位于：http://www.condorstudios.com/example.html
为什么我的工作不起作用？我能看到的唯一真正的差异是他正在使用列表＆amp;他将a标记设置为blocks，我尝试了这一点，但这会混淆我的布局。
答案 0 :(得分：1)
我认为这是因为你在容器和图像（<span class="overlay">之间添加了一个元素（并设置了样式）。我认为它搞乱了IE8中的定位。我做了一个{{3}根据原始示例，它适用于Chrome和IE8。抱歉，我没有IE9或更高版本，因此无法验证这是否有效。
我遇到的唯一问题是:hover覆盖元素太宽，所以我在课程中添加了left:0;right:0。这可能不是你想要的，但我希望它有所帮助： - ）