Fork me on GitHub

CSS兼容的那些事儿

本节主要讲述CSS兼容的那些事儿

图片间距问题

1
2
3
<div class="box">
<img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2685096973,2104709094&fm=58&bpow=500&bpoh=340">
</div>

解决

1
2
3
4
img {
/* vertical-align: middle|top|bottom; */
/* display: block; */
}

浮动问题

IE6浮动双边距问题

解决

1
2
3
{
display:inline;
}

定位元素的单数bug

解决

固定定位的bug

input的一些问题

css的hack写法

_:IE6
*:IE6-7
\0:IE8-9-10
\9:IE6-10
:root:IE9

!important

不要轻易使用

条件注释语句

1
2
3
4
<!--[if IE 6]>这是IE6<![endif]-->
<!--[if IE 7]>这是IE7<![endif]-->
<!--[if IE 8]>这是IE8<![endif]-->
<!--[if IE 9]>这是IE9<![endif]-->