解决IE6、IE7、Firefox兼容性最简单方法揭秘

开发 前端
现在关于IE兼容性已经是老调重谈的问题了,这里和大家分享一下解决IE6、IE7、Firefox兼容最简单的CSSHack,希望对你的学习有所帮助。

本文和大家重点讨论一下解决IE6、IE7、Firefox兼容最简单的CSSHack方法,相信通过本文介绍你对IE兼容性问题有更深刻的认识。

解决IE6、IE7、Firefox兼容最简单的CSSHack

很早就在这里看到过解决方案,***发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。

具体写法很容易:

  1. #someNode  
  2. {  
  3. position:fixed;  
  4. #position:fixed;  
  5. _position:fixed;  

***排给Firefox以及其他浏览器看

第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看

第三排给IE6以及更老的版本看

***的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression),我这里有一个现成的页面,CSS如下写:
 

  1. #ff-r  
  2. {  
  3. position:fixed;  
  4. _position:absolute;  
  5. right:15px;  
  6. top:15px;  
  7. _top:expression(eval(document.compatMode&&  
  8. document.compatMode=='CSS1Compat')?  
  9. documentElement.scrollTop+15:  
  10. document.body.scrollTop+  
  11. (document.body.clientHeight  
  12. -this.clientHeight));  

【编辑推荐】

  1. CSS兼容:IE6中背景图片设置
  2. 探究IE8与IE7具体功能中窗口功能按钮的变化
  3. 热点透视 DIV CSS***兼容IE6 IE7 FF的通用方法
  4. 探秘IE8 JavaScript功能超乎想象
  5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题

 

责任编辑:佚名 来源: awflasher.com
相关推荐

2010-08-30 09:35:35

IE6IE7Firefox

2010-09-16 13:33:47

IE6IE7IE8

2010-08-19 16:06:15

2010-09-06 15:06:29

IE6IE7Firefox

2010-08-18 14:54:32

IE6IE7Firefox

2010-08-18 15:22:28

IE6IE7Firefox

2010-08-20 12:45:41

IE6IE7Firefox

2010-08-20 09:33:22

IE6IE7IE8

2010-09-15 11:18:27

IE6IE7火狐

2010-08-27 15:38:21

兼容IE6IE7

2010-08-27 15:08:10

FirefoxIE6IE7

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-18 15:57:14

IE6IE7IE8

2010-08-20 11:01:10

IE7IE8CSS

2010-09-15 08:41:25

IE6IE7Firefox兼容

2010-09-16 13:17:31

IE6IE7IE8

2010-09-15 10:19:12

IE6IE7IE8

2010-09-15 11:32:37

IE6IE7浏览器兼容性

2010-08-17 16:18:23

IE6IE7FF
点赞
收藏

51CTO技术栈公众号