怎么写针对IE9的CSS

2024-12-02 03:47:00
推荐回答(5个)
回答1:

针对IE9的CSS只需在相应CSS代码加入只有IE9识别的 \9\0。具体代码如下:
.div{ background-color:#0f0\9\0;/* ie9 */ }
其他浏览器写法:
background-color:#f00;/*all*/
background-color:#0ff\0;/* ie 8/9 */
background-color:#0f0\9\0;/* ie9 */
*background-color:#00f;/*ie7*/
_background-color:#ff0;/*ie6*/
background-color//:#090;/*非IE*/
background-color:#900\9;/*所有ie*/
}

回答2:

.test{ /* 1. */

/* color:#09F\0; 以前是IE8/9, 现在10也支持 */

color:#09F\0/; /* 以前是IE8 only, 现在IE9/10也支持. 如要排除IE9需要使用下面的rule重设IE9样式 */

}

@media all and (min-width:0) { /* 2. */

.test{color:red\9; }/* IE9 only, 现在IE10也支持 */

/* Ps:老外的方法都是\0,根本没考虑Opera */

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* 3. */

.test { color: green; } /* IE10+ */

}

:root .test { color:#963\9; } /* 以前IE9 only, 现在10也支持, 优先级高于@media, 优先级太高, 尽量少用 */

回答3:

有很多,有属性hack,选择器hack,还有IE条件注释:
background-color:blue \9\0;

.test:nth-child(1){color:#0ff;} /* For IE9+ and not IE */

回答4:

background-color:blue\9\0; 仅IE9支持;

回答5:

background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
*background-color:green; /* ie 7*/
_background-color:gray; /* ie 6*/