两种方案解决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兼容问题

相关文章:

你感兴趣的文章:

标签云: