js动态调用css文件绝对解决IE6,IE7,FF,火狐等不兼容

虽然css里有特殊符号可以区分不同浏览器,一个css文件就可以解决。

所有浏览器 通用 height: 100px;

IE6 专用 _height: 100px;

IE6 专用 *height: 100px;

IE7 专用 *+height: 100px;

IE7、FF 共用 height: 100px !important;

一般用以上方法完全可以解决的，但是我碰到了，谷歌浏览器居然与火狐浏览器不一致了，一般这二个浏览器一个支持，另一个也一定支持的。因为这样可以用符号区分开。可是谷歌浏览器有的效果与IE一样，但与火狐浏览器又不一样。这种情况就不能用符号来解决了。

可以根据css文件再调用不同代码：
<link rel="stylesheet" href="" id="csslinkid">

而不同css文件可以根据js来判断出来。

所以解决方法如下：

<link rel="stylesheet" href="" id="csslinkid">
<script type="text/javascript">
function isFireFox()
{
    var i=navigator.userAgent.toLowerCase().indexOf("firefox");

    return i>=0;
}
 
var obj=document.getElementById("csslinkid")
if(isFireFox())
obj.href="http://www.cnit618.com/css/fftop.css";
else
obj.href="http://www.cnit618.com/css/fftop2.css";

</script>

文章出处：http://www.cnit618.com/html/qdkf/csshack/2130.htm