Css(hack技术)基础笔记（二）

background-color:red;

_background-color:green;/*给IE6用的*/

*background-color:blue; /*给IE6/7用的*/

background-color:#fc1\0; /*给IE8-11 用的*/

background-color:#abcdef\9; /*给IE 6-10用的*/

width:400px\9;/*以上的hack技术几乎适用于所有属性*/

css中的hack技术

块级元素的inline-block 在IE6/7下无效

    解决：1.不用

                2.添加 *display:inline * zoom:1;并在一行的时候尽量不要使用

IE6下会出现出现双倍边距问题

            同方向浮动margin会产生双边距

        解决:给浮动元素添加属性 display:inline

图片存在下边距问题

    在任何图片下都会有3px的间距

    解决方法:1.给图片添加display:block;

                    2.给图片添加vertical-align:top (| middle | bottom)

高版本的input表单中的默认图标

        /*css-hack技术解决高版本IE默认图标问题*/

                ::-ms-clear{ display:none; }/*text input表单*/

                ::-ms-reveal{ display:none; }/*password input表单*/

定位属性的单像素问题

        在IE6中如果绝对定位的参考元素(有定位属性的父级) 是单数的情况下 

        解决:1.不要使用单数

                2.使用css-hack技术：_属性：值 给IE6使用

li中有元素具有浮动属性时 会产生下边距

            解决:给li元素元素标签添加属性vertical-align:top

 <!--[if IE 6]>显示IE6<![endif]-->

<!--[if IE 7]>显示IE7<!--[endif]-->

<!--[if gt IE 6]-->显示大于IE6<!--[endif]-->

......