微软宣布IE10 将不支持条件注释。他们的历史,这显然是一个冒险的举动。截至目前,针对古怪的行为在IE6-9,开发人员已经使用条件的意见,有条件的类,以及其他IE特定的hack。
但是,如果没有条件在IE10的意见,唯一的选择,我们针对CSS问题是Hack或浏览器嗅探 – 我们当然不希望诉诸后者留下。
IE10专门使用一个Hack。下面是这技术的总结,供参考。

如果IE9以及以上的样式不正确 你可以用媒体查询  例子:
.class{padding:12px 8px 28px;}
@media screen and (min-width:0\0) {
/* IE9 and IE10 IE11 */
.class{padding:20px 8px 36px;}
}


一、IE6 css hack:
*html Selector {} /* Selector 表示 css选择器 下同 */
Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
Selector { _property/**/: /**/value; }
Selector { -property: value; } /*IE6 css hack常用习惯推荐使用下划线_ */

二、IE7 css hack:
*+html Selector {}
*:first-child+html Selector {}

三、IE8 css hack:
Selector { /* 注意看value值的 */
property: value1; /* W3C MODEL */
property: value2\0; /* IE 8+ */
property: value1\9\0; /* IE 9+ */
}

四、IE6、IE7、IE8共有的css hack:
Selector { property: value\9; }

五、IE6、IE7共有的css hack:
Selector { *property: value; }
Selector { #property: value; }
Selector { +property: value; }

IE8+ css hack:
Selector { property: value\0; }

七、IE9+ css hack:
Selector { property: value\9\0; }

//hex2bin((string)dechex($a))

Comments are closed.

Post Navigation