两种方案解决IE6、IE7、Firefox兼容问题

这里向大家介绍一下解决IE6、IE7、Firefox兼容的两种方案，为不同的浏览器建立不同的.css方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件，相信本文介绍一定会让你有所收获。

目前成都创新互联公司已为上千多家的企业提供了网站建设、域名、网站空间、网站托管、服务器托管、企业网站设计、新晃网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

解决IE6、IE7、Firefox兼容的两种方案

第一种方案：CSSHack

具体写法很容易：

 
 
 
  
  
  #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方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件。当然，这里又产生两种方案，用JS判断或服务器端方法。这里关于IE6、IE7、Firefox兼容的两种方案介绍完毕，请关注本文其他相关报道。

当前题目：两种方案解决IE6、IE7、Firefox兼容问题
网站链接：http://www.zsjierui.cn/article/cccghhs.html

网站建设知识

两种方案解决IE6、IE7、Firefox兼容问题

其他资讯