在不同浏览器用不同css 解决IE和其他浏览器问题
2008-04-29 17:16
741 查看
本身就是个做网站的.几乎每做一个站都要遇到浏览器的兼容问题.虽然客户不去要求那么多,但是我还喜欢都做到最好.
至少在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
至少在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
相关文章推荐
- 用css解决Unigui在IE系列浏览器中字体变小的问题
- 有效解决css不同浏览器的兼容问题
- 解决RD2作业在IE和Fire Fox中CSS效果不同的问题~
- 解决不同浏览器对css支持问题详解
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题
- 解决在IE8浏览器里,在同一个IE进程中的不同选项卡之间的sessionID共享问题
- Firefox, IE等不同浏览器对JavaScript,CSS不同解析问题 (转备以后使用)
- 利用IE/FF的不同识别CSS来使用浏览器兼容问题
- 解决不同浏览器css问题
- 根据不同浏览器调用不同css解决兼容问题
- 解决不同浏览器上中文文件名的下载乱码问题php验证可行的测试过ie ff 和chrome的
- 使用CSS解决不同浏览器的错位问题
- Firefox, IE等不同浏览器对JavaScript,CSS不同解析问题
- Firefox, IE等不同浏览器对JavaScript,CSS不同解析问题
- 用IE中文参数乱码问题,其他浏览器不乱码的处理方式
- CSS浏览器兼容问题整理(IE6.0、IE7.0+ 与 FireFox)(三)
- PHP上传图片在不同浏览器和浏览器模式中的问题及解决 image/jpeg 和 image/pjpeg
- 彻底恢复IE浏览器,解决淘宝支付网非IE核心浏览器的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题