IE系列CSS hack

2016年12月18日Web前端0

针对低版本的IE,我们经常需要做css hack,因此仅在IE系列下识别的css就应该了解以下了。

IE CSS hack

针对不同版本的IE,不同的样式会被不同的版本识别。

background: #ccc; /* 所有浏览器都支持 */ 

下划线 '_'

_background: #ccc; /* IE6 */

短线 '-'

-background: #ccc; /* IE6 */

星号 '*'

*background: #ccc;/* IE6、7 */ 

井号 '#'

#background: #ccc; /* IE6、7 */

加号 '+'

+background: #ccc; /* IE6、7 */

\零 '\0'

background: #ccc\0; /* IE8、9、10  */

\九 '\9'

background: #ccc\9; /* IE6、7、8、9、10 */

\九\零 '\9\0'

background: #ccc\9\0; /* IE9、10 */

条件注释

lt: less than ,选择条件版本以下的,不包括该条件版本。

gt: greater than ,选择条件版本以上的,不包括该版本。

gte: greater than or equal ,以上版本包括该版本。

lte: less than or equal ,以下版本包括该版本。

!: 选择条件以外的所有版本。

<!--[if IE 6]>仅IE6可见<![end if]-->
<!--[if gt IE 6]>IE6以上可见<![end if]-->
<!--[if lt IE 6]>IE6以下可见<![end if]-->
<!--[if gte IE 6]>IE6及以上可见<![end if]-->
<!--[if lte IE 6]>IE6及以下可见<![end if]-->
<!--[if !IE 6]>非IE6可见<![end if]-->