【转载】如何为IE 10编写特定的样式

在之前IE版本中,有一些特性得不到支持,需要条件注释来让样式统一,或者让不同浏览器显示不同效果。值得高兴的是,在IE10里已无需使用条件注释.aspx)。在通常情况下,所有的特征检测都是件好事,但如果有一些样式是专门针对IE10,那你就需要做些特殊说明了。

对此,Roge在前段时间提出了一个非常简单地想法,并且能够很好地工作。

如何用useragent方式实现专门为IE10编写样式。

JavaScript

1
2
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);

IE10用户代理字符串

1
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

HTML

1
<html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">

CSS样式

1
2
3
html[data-useragent*='MSIE 10.0'] h1 {
color: blue;
}

示例

HTML代码:

1
<h1>I'll be blue in IE 10 and black in everything else.</h1>

CSS代码:

1
2
3
4
5
6
7
html[data-useragent*='MSIE 10.0'] h1 {
color: blue;
}
h1 {
text-align: center;
padding: 20px;
}

JavaScript代码:

1
2
3
4
var b = document.documentElement;
b.setAttribute('data-useragent',navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
// IE 10 == Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

结果:

本文转自:http://www.csdn.net/article/2013-06-20/2815807-IE10-Specific-Styles