浏览器兼容--CSS

转载 2011年01月19日 10:51:00

http://www.cnblogs.com/tangzx365/archive/2011/01/18/1938149.html

 

////不同浏览器,分辨率:

<link href="" rel="stylesheet" type="text/css" />

<script  type= "text/javascript"  language="JavaScript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
var IE1024="default.css";
var IE800="default.css";
var IE1152="default.css";
var IEother="default.css";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;

}
//-->
</script>

////不同浏览器:
<script type ="text/javascript" language="javascript" >

if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
document.write('<link rel=stylesheet type="text/css" href="style/default.css">')
}
else
{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
document.write('<link rel=stylesheet type="text/css" href="style/default2.css">')
}
else
{
//如果浏览器为其他
document.write('<link rel=stylesheet type="text/css" href="style/newsky.css">')
}
}
</script>

////不同分辨率:

 <script  type="text/javascript"  language="javascript" >

if (screen.width == 800)
{
document.write('<link rel=stylesheet type="text/css" href="style/css800.css">')
}
else {document.write('<link rel=stylesheet type="text/css" href="style/css1024.css">')}
 
</script>

相关文章推荐

CSS浏览器兼容问题

  • 2014-07-02 16:20
  • 369KB
  • 下载

兼容所有浏览器的CSS3圆角

在各个浏览器中实现圆角的较简单快速的方案是结合CSS3和JavaScript。 CurvyCorners是一个为HTML元素创建漂亮的圆角的免费JavaScript库。效果如下: 该脚...

CSS_浏览器兼容

  • 2012-03-12 10:12
  • 130KB
  • 下载

css和js的浏览器不兼容问题汇总

1.集合类对象问题 说明:IE下,可以使用()或[]获取集合类对象; Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象. 2.HTML对象获取问题 ...

Css与各浏览器兼容性

  • 2013-09-24 10:04
  • 17KB
  • 下载

CSS 多浏览器兼容性问题及解决方案

一、document.formName.item(”itemName”) 问题  问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 docum...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)