这里向大家介绍一下解决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兼容的两种方案介绍完毕,请关注本文其他相关报道。
长江后浪催前浪,一辈新人换旧人。