知识点__兼容性总结_2

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负值

代码地址