如何为IE10添加专门的CSS Hack？
如何为IE10添加专门的CSS Hack？
提问于 2014-06-20 14:09:54
我正在尝试为iE 10添加css。
实际上，我的css在chrome和firefox中工作得很好。但是在IE10中产生了一些问题。
我尝试了这段代码，并生成了ie10.css，但它不起作用。
<script>
if (/*@cc_on!@*/false) {
var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML += '<link type="text/css" rel="stylesheet" href="css/ie10.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;
}
</script>它不起作用。请帮帮忙。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-06-20 14:39:31
您可以使用以下工具轻松跟踪最新版本的IE (主要是IE 10和IE 11
1.css media query hack:
/*
#ie10,11 will only be red in MSIE 10,
both in high contrast (display setting) and default mode
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
//-- Put your IE specific css class here
}或
@media screen and (min-width:0\0) {
/* IE9 and IE10 rule sets go here */
}Working Example
2.浏览器检测：
if ($.browser.msie && $.browser.version == 10) {
$("html").addClass("ie10");
}3.使用脚本(未测试)：
<script>
/*@cc_on
@if (@_jscript_version == 10)
document.write('<link type= "text/css" rel="stylesheet" href="your-ie10-styles.css" />');
@end
@*/
</script >注意:我知道 document.write 被认为是不好的做法。
删除条件注释(ie10 Conditional comments):
如果你想为IE加载外部css文件，你可以使用conditional comments。但正如你在问题中提到的，你希望IE 10和ie10删除条件注释。
microsoft drop conditional comments in ie10。
Stack Overflow用户
发布于 2014-10-29 18:00:23
这是我在项目中使用的另一个技巧，你可以用你的类或者自己的CSS替换h1
仅限IE10
http://css-tricks.com/ie-10-specific-styles/
使用此JavaScript：
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);然后使用这个CSS：
html[data-useragent*='MSIE 10.0'] h1 { color: blue; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24320966
复制相关文章
相似问题
腾讯云开发者
