1

我一直在尝试从这个页面实现css效果：http: //sixrevisions.com/css/snazzy-hover-effects-using-css/

除了他为 IE8 发布的修复程序外，我一切正常；我添加了一些条件代码，因此该修复仅由 <= IE8 使用，因此不包括普通浏览器的 CSS3 重置。但是，修复似乎没有奏效，我所看到的只是文本和文本被包裹在那里。

您可以在此处查看工作示例：http ://www.thecssninja.com/demo/css_hover2/

我设置的示例在这里： http: //www.condorstudios.com/example.html

任何想法为什么我的不工作？我能看到的唯一真正的区别是他正在使用列表并且他的a标签设置为blocks，我试过这个，但它弄乱了我的布局。

4

1 回答 1

1

我认为这是因为您在容器和图像之间添加（和样式化）了一个元素（<span class="overlay">。我认为它弄乱了 IE8 中的定位。我制作了一个在 Chrome 和 IE8 中工作的简单 jsfiddle 演示，基于原始示例。抱歉，我没有 IE9 或更高版本，因此无法验证这是否可行。

我遇到的唯一问题是:hover覆盖元素太宽，所以我left:0;right:0在类中添加了一个。这可能不是你所追求的，但我希望它仍然有帮助:-)

于 2011-05-27T20:12:00.277 回答