我想在ie浏览器上添加样式position:relative，在其他浏览器上添加position:absolute。
这是我的代码
<div id="textDiv" style="display:none; background-color: #434343; padding: 5px 10px 5px 10px; margin-left: 10px; margin-top: 30px; position: absolute;"></div>
如何解决
忽略维护问题，针对除IE以外的所有浏览器的技巧是使用 @support() 该规则 在IE上完全不支持.
如果你想为IE浏览器应用特定的样式，那么你应该尝试使用下面的媒体查询来针对IE浏览器。
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
例子：你可以注意到媒体查询里面的CSS代码只适用于IE 10或IE 11浏览器。
<!doctype html>
<html>
<head>
<style>
#textDiv
{
position:absolute;
color:green;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#textDiv
{
position:relative;
color:red;
}
}
</style>
</head>
<body>
<div id="textDiv">This is text...</div>
</body>
</html>你可以注意到媒体查询中的CSS代码只适用于IE 10或IE 11浏览器。
参考资料：如何只针对IE浏览器（任何版本）？