1. IE6下png滤镜
引用JS文件处理,但是不能处理body, body需要使用滤镜
2. 条件注释语句(IE专用) 一模一样,不能改变
3. css_hack (不建议使用)
\9 IE10之前的IE浏览器解析
+,* IE7包括IE7之前的IE浏览器解析
_ IE6包括IE6之前的IE浏览器
例子
IE下的写法
.box{
width:100px;
height:100px;
background:Red;
background:blue\9;
+background:yellow;
_background:green;
}
标准浏览器的写法
@media screen and (-webkit-min-device-pixel-ratio:0){
.box{background:pink}
}
4. _png滤镜 (没有办法 设置位置 以及平铺) ==> 不建议使用
body{ background:#000;}
.box{
width:400px;
height:400px;
background:url(img/png.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop");
}
5. important ==> 应该放到样式的最后位置
在IE6下 在important 后边在家一条同样的样式,会破坏掉important的作用,会按照 默认的优先级顺序来走
6. 圣杯布局
左右宽度固定,中间宽度自适应伸缩,并且中间先加载
8. 等高布局
左右两列高度自适应扩展,并且相等;
9. margin负值