如何解决悬停有问题:在IE8中生效
| 我一直在尝试从此页面实施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
标记设置为ѭ1I,我尝试过此操作,但它弄乱了我的布局。
解决方法
我认为这是因为您已在容器和图片之间添加(并设置了样式)元素(
<span class=\"overlay\">
。我认为它使IE8中的位置混乱了。我制作了一个简单的jsfiddle演示,可在Chrome和IE8中运行,基于抱歉,我没有IE9或更高版本,因此无法验证是否可以正常使用。
我唯一的问题是:hover
覆盖元素太宽,因此我向班级添加了left:0;right:0
。这可能不完全是您所追求的,但是我希望它能有所帮助:-)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。