IE9的css hack – WEB前端开发

Web前端开发 • 11年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

哎呀～ \ 0 被过滤掉了，重新发下，注意实际使用时，中间没空格

/* Chrome, Safari, Firefox */
@media all and (min-width:0) { }

———————————————————————————-

/* Chrome, Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { }

———————————————————————————-

/* IE6+ */
.class {
color: red\9;
}

———————————————————————————-

/* IE8+ */
.class {
color: red\ 0;
}

———————————————————————————-

/* IE8 only */
@media \ 0screen { }

———————————————————————————-

/* IE9 only */
:root .class { }

———————————————————————————-

/* 目前只发现 color、background-color 可以这样区分IE8和IE9 */
.class {
color: red\ 0; /* IE8+ */
color: blue\9\ 0; /* IE9 only */
}

首发媒体

| 转发媒体