本文和大家重点讨论一下解决IE6、IE7、Firefox兼容最简单的CSSHack方法,相信通过本文介绍你对IE兼容性问题有更深刻的认识。
解决IE6、IE7、Firefox兼容最简单的CSSHack
很早就在这里看到过解决方案,***发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。
具体写法很容易:
- #someNode
- {
- position:fixed;
- #position:fixed;
- _position:fixed;
- }
***排给Firefox以及其他浏览器看
第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
第三排给IE6以及更老的版本看
***的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression),我这里有一个现成的页面,CSS如下写:
- #ff-r
- {
- position:fixed;
- _position:absolute;
- right:15px;
- top:15px;
- _top:expression(eval(document.compatMode&&
- document.compatMode=='CSS1Compat')?
- documentElement.scrollTop+15:
- document.body.scrollTop+
- (document.body.clientHeight
- -this.clientHeight));
- }
【编辑推荐】
- CSS兼容:IE6中背景图片设置
- 探究IE8与IE7具体功能中窗口功能按钮的变化
- 热点透视 DIV CSS***兼容IE6 IE7 FF的通用方法
- 探秘IE8 JavaScript功能超乎想象
- 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题