解决不同浏览器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