当前位置: 网站建设 > 网页设计 > 建站经验 >

针对不同版本的IE浏览器的条件CSS应用

时间:2013-03-02 04:16来源:未知 作者:admin 点击:

标签:针对不同版本的IE浏览器的条件CSS应用 版本(8)浏览器(54)CSS(823)网站建设(1202)条件(10)不同(24)应用(28)针对(6)
--> [网站建设之]针对不同版本的IE浏览器的条件CSS利用 先容 只管条件 CSS 大多用于针对不同版本的 IE 浏览器,当你在别的浏览器遇到很难修改的 bug(主要使用 Javascript 修正) 的时候,条件 CSS 也是相称有用的。例子包含了缺乏 display: inline-block 支持的 Firefox 2 和 Safari 2 中的 背景图片 bug。这些 bug 在这些浏览器的最新版本里面已经修正了,但是当这些浏览器占领必定市场份额的时候,向后兼容就很重要了。 condition
针对不同版本的IE浏览器的条件CSS应用》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302349462013.htm
--> [网站建设之]针对不同版本的IE浏览器的条件CSS利用

先容

只管条件 CSS 大多用于针对不同版本的 IE 浏览器,当你在别的浏览器遇到很难修改的 bug(主要使用 Javascript 修正) 的时候,条件 CSS 也是相称有用的。例子包含了缺乏 ‘display: inline-block’ 支持的 Firefox 2 和 Safari 2 中的 背景图片 bug。这些 bug 在这些浏览器的最新版本里面已经修正了,但是当这些浏览器占领必定市场份额的时候,向后兼容就很重要了。

condition - 算术符
lt - 小于
lte - 小于等于
eq - 等于
gte - 大于即是
gt - 大于

毫无疑难,任何一个试图应用 CSS 的网页设计师跟开发职员都会发明不同的浏览器请求不同的款式声明。这些懊恼归罪于各浏览器及其各版本不同水平的 CSS 履行的完全性。条件 CSS 是这个问题的一个解决计划,采取的是 Internet Explorer 的条件正文语法的思维,并把它内联到 CSS 声明之中。

version - 要针对的浏览器版本

browser - 声明针对的浏览器
‘IE’ - Internet Explorer
‘Gecko’ - Gecko 中心的浏览器 (Firefox, Camino 等)
‘Webkit’ - Webkit 核心的浏览器 (Safari, Shiira 等)
‘SafMob’ - 挪动版 Safari (iPhone / iPod Touch)
‘Opera’ - Opera 的阅读器
‘IEMac’ - Mac 版本的 Internet Explorer
‘Konq’ - Konqueror
‘IEmob’ - 移动版 IE
‘PSP’ - Playstation Portable
‘NetF’ - Net Front(恕糖伴西红柿无知,不晓得这是啥东东)

再进一步,条件 CSS 的一个主要特征是当它发现一条 @import CSS 声明时,它会主动翻开并插入需要导入的文件。这样就减少了页面的加载时光,因为浏览器只要要对 CSS 文件做出一条 HTTP 恳求。

Tag:浏览器   浏览器  ,重新认识网站制作过程中采用div+css的布局方式;

一些条件声明的例子:

! - 声明的否认 (例 NOT) - 可选

根本用法

条件 CSS 重要用于指出一个特别的 CSS 声明是不是应该用于一个特殊的浏览器。当然你不盼望常常这么做,然而当你需要针对一个浏览器的时候,它会十分有用。可以在U4EA支持列表里看到,大局部的浏览器都支持这种方法。

像你所看到的,条件 CSS 使得你可以只维护一个 CSS 文件,而不是好多少个须要用到 IE 的条件解释的文件。这有助于流线型保护,也使得代码更加清楚。

// 条件-CSS 语法实例  
[if IE] - 假如浏览器是 IE  ,重新认识网上赚钱的几个方法;
[if ! Opera] - 如果浏览器不是 Opera  
[if IE 5] - 如果浏览器是 IE 5  ,重复收录页面的产生;
[if lte IE 6] - 如果浏览器是 IE 6 或者更低版本 (IE 5, IE 4 等)  
[if ! gt IE 6] - 和上面的声明等效, 如果浏览器版本不高于 IE 6

由于很多实例以为 div 是存在 width 和 padding 的盒类。因此它也应当在 IE 5 中表示畸形(我发现良多人已经废弃支撑 IE 5了,但这是一个经典例子)。IE 5的盒模型不尺度,因而这就是使用条件 CSS 解决的方式:

任意 CSS 声明或者块都能够增加条件申明前缀,这些前缀有3种基础类型:
[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]

// 前提 CSS 盒模型例子  
div.box {  
 ,部分中小站长被懒惰思想侵蚀的几点危害;   width: 400px,避免常见的6种HTML5错误用法;  
    [if IE 5] width: 600px;  
    padding: 0 100px;  
}


(责任编辑:网站建设)
针对不同版本的IE浏览器的条件CSS应用相关文章
上一篇:重新认识网站制作过程中采用div+css的布局方式 下一篇:针对不同的浏览器写不同的CSS code
回到顶部