至少在IE6,IE7和火狐这三个浏览器做到兼容.
现在div+css又这么流行.对css的使用要求就更高了.
大家都知道无论你写的css多么符合标准.总是有的css语句不被某个浏览器支持.
下面就一起分享一下在不同的浏览器里用不同的css
1 :javascript 判断不同的浏览器类型以调用不用的css
//后面为注释
<SCRIPT LANGUAGE="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
...{
//如果浏览器为IE
setActiveStyleSheet("ie.css");
}else...{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
...{
//如果浏览器为Firefox
setActiveStyleSheet("ff.css");
}else...{
//如果浏览器为其他
setActiveStyleSheet("an.css");
}
}
function setActiveStyleSheet(title)...{
document.getElementsByTagName("link")[0].href="/blog/css/"+title;
}
//-->
</SCRIPT>
javascrip判断的第二种方法
<script language=javascript>
<!--
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4))
{
document.write('<link rel=stylesheet type="text/css" href="ie.css">')
}
else {document.write('<link rel=stylesheet type="text/css" href="ns.css">')}
//-->
</script>
2 第二种方法也是我推荐的一种方法.在css里为特定浏览器设置
height:20px; /*For all 包括火狐 */
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
*+height:20px /* IE7 */
在css里面就是那么几句会让不同的浏览器显示的不一样.我们只要把不兼容的那句设定给特定的浏览器,也可以实现完美兼容了
* 后面的是对于IE的
_ 只对IE6
*+ 针对IE7