波少散记

屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7与IE5.0可以识别 *+html select {…} 当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。 仅IE7可以识别 *+html select {…!important;} 当面临需要只针对IE7做样式的时候就可以采用这个HACK。 IE6及IE6以下识别 * html select {…} 这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。 html/**/ >body select {…} 这句与上一句的作用相同。 仅IE6不识别，屏蔽IE6 select { display /*屏蔽IE6*/:none;} 这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 仅IE6与IE5不识别，屏蔽IE6与IE5 select/**/ { display /*IE6,IE5不识别*/:none;} 这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…} 这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。 盒模型解决方法 selct {width:IE5.x宽度; voice-family :”\”}\””; voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。 清除浮动 select:after {content:”.”; display:block; height:0; clear:both; visibility:hidden;} 在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级...

一、IE条件注释 1）针对某个具体IE版本应用样式表文件 <!– [IE条件注释，适用IE7浏览器] –> <!– [if IE 7] > <link href=”image/ie7.css” type=”text/css” rel=”stylesheet” /> <![endif]–> <!– [IE条件注释，适用IE6浏览器] –> <!– [if IE 6] > <style type=”text/css”> @import url(“ie6.css”); </style> <![endif]–> <!– [IE条件注释，适用IE5.5浏览器] –> <!– [if IE 5.5000] > <style type=”text/css”> @import url(“ie55.css”); </style> <![endif]–> 由于IE5.5的版本号有点特殊，定义时应写成IE 5.5000 2）针对所有IE版本应用样式表文件 <!– [IE条件注释，适用IE5及更高版本浏览器] –> <!– [if IE] > <style type=”text/css”> @import url(“ie.css”); </style> <![endif]–> 3）针对一定范围IE版本应用样式表文件 如果要实现在一定版本范围内IE浏览器中有效，可以结合lte、lt、gte、gt 和!关键字，指明一个使用范围，详细说明如下： 　lte：Less than or equal to 的简写，也就是小于或等于的意思。 　lt：Less than 的简写，也就是...

1. 星号* IE都能识别*，标准浏览器如FF不能识别*。 例：p { color:yellow; *color:red;} 类似的有 + 加号 只有IE解释 p{color:red; +color:blue} IE 显示blue   FF显示 red 2.!important IE6及以下将会忽略该样式，IE7 FF将支持； p{color:red !important;color:yellow;} IE7 FF将红色   IE6显示黄色 此处注意的是!important方法只是按上述格式后才被IE6及以下忽略，除此之外的提高样式权重方法可通用。 3.下划线。 IE6及以下版本将运用该样式，其他将忽略 p{color:red; _color:blue} 4、注释: p {color:red};    这种样式在IE6中是可以应用显示的,而在IE5及以下版本是不会被处理的,所以可以针对IE5/6进行区别 5、@IMPORT: 在@IMPORT中使用URL来导入样式,标准用法是将URL中的值带上引号,如下@IMPORT URL(“newstyle.css”);这种用法   可以被IE5以上的浏览器及FF支持,从而实现了IE4的样式单独处理. 另外,还有一个方法: @IMPORT URL(“noie.css”) screen; screen是用于指定设备类型的选项,screen用于屏幕显示,print用于打印设备显示但是IE对这种方法不支持,,所有的IE浏览器,从而可以进行IE和FF的区别。 6、属性选择符: 用于对具有特定属性的对象进行选择 span[class=left]{color:blue}    span[title]{color:red;}     IE6不支持,但是在FF里面工作正常,所以可以对IE和FF进行分别处理. 在实际开发中,经常要对IE和FF进行分别处理,可以用如下代码: #content{ color:red; } [xmlnx] #content{ color:blue } 此种方法我觉得很实用，也经常用，推荐朋友使用，如需更详细的说明，我可以再发贴。 7.子对象选择符: span>p{color:red} IE6也是没有支持,也可用来区别IE和FF 8、Tantek方法 #content{...