注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯的博客

如果你是我眼中的一滴泪,那我永远也不会哭!

 
 
 

日志

 
 
 
 

CSS样式兼容 火狐,Google,IE9,8,7,6 CSS定义的顺序【随手转来的,还OK】  

2012-08-07 16:47:37|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

body {
 
               background-color:Black;
               background-color:red\9\0;
               background-color:blue\0;
               *background-color:navy;
               _background-color:green;
 }
 
注意点: IE9  支持  \9\0, 中间不要有空格,写成  background-color:red   \9\0;不会识别。必须 background-color:red\9\0;
 
IE8  支持  \0,同样中间不要有空格。
 
IE6,IE7 都支持  * ,但是IE6特别还支持 下划线_,  如果要特别针对IE6,可以加下划线,  比如支持IE7  写成    *background-color:navy;
 
仅支持IE6的写法    _background-color:green;
 
定义顺序:  火狐Google>IE9>IE8>IE7>IE6;


上面是针对一个 元素的一个css属性。 如果 要整体兼容 一段CSS代码, 就要这么写

#Menu{
       width:1005px; height:30px;background:red; margin:0px auto;
}

*html #Menu {
      width:1005px; height:30px;background:navy; margin:0px auto;
}

*+html #Menu {
     width:1005px; height:30px;background:gray; margin:0px auto;
}


*:first-child+html #Menu {
     width:1005px; height:30px;background:gray; margin:0px auto;
}

IE7  的   *+html #Menu 和*:first-child+html #Menu 2种写法,效果一样,不知道有啥差别,希望网友能给出意见。

注意点: IE6,7都支持*, IE7 特别支持+号。 

当然,如果不一样的css设置 非常多, 可以针对不同浏览器写css样式, 在浏览器的头部 根据不同浏览器来加载css

首先默认加载通用样式
<link rel="stylesheet" type="text/css" href="/style.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/ie7.css" />
<![endif]-->

还有其他浏览器,格式如下

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上 <![endif]-->
<!--[if IE 7]> 仅IE7 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下<![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上 <![endif]-->
<!--[if IE 8]> 仅IE8 <![endif]-->
<!--[if IE 9]> 仅IE9 <![endif]--> 


国内生产的一些所谓的浏览器,都是用的国外的内核,其中大部分是IE内核。写代码的时候,主要考虑IE各个版本和火狐Google。
 
由于目前大部分用户还集中在XP时代,所以IE6还占据一部分市场, 而且也有不少 不懂电脑常识的 “老板”,还停留在IE6时代。
 
虽然国外已经流行Windows 7 IE9,火狐 最新浏览器,国内真是落后几个节拍。 这也是 所谓的“国情”啊。
 
IE内核浏览器
 
  世界之窗(The World)
  傲游浏览器(Maxthon)
  腾讯TT(Tencent Traveler)
  爱帆浏览器(Avant Browser)
  360安全浏览器(360SE)
  搜狗浏览器(兼容模式)(Sougou Explorer)
  瑞影浏览器(Rayying)
 
也有的事开源基金的内核.
 
360极速浏览器

  评论这张
 
阅读(472)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017