在不同浏览器用不同css 解决IE和其他浏览器问题

本身就是个做网站的.几乎每做一个站都要遇到浏览器的兼容问题.虽然客户不去要求那么多,但是我还喜欢都做到最好.

 至少在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