gpt4 book ai didi

html - IE 条件 CSS 即将出现在 FF 和 Chrome 中

转载 作者:行者123 更新时间:2023-11-28 05:17:52 25 4
gpt4 key购买 nike

我正在使用简单的方法来仅针对 IE CSS。

   <!--[if !IE]><!-->
<body>
<!--<![endif]-->
<!--[if IE]>
<body class="ie">
<![endif]-->


<div class="Out">My test content
</div>

外部 CSS

.Out{
width:300px;/*Not for IE*/
}
ie. Out{
width:300px; /*only for IE*/
}

但在 FF 和 chrome 开发者工具中,我看到 body get class="ie" 是错误的。class="ie" 仅适用于 IE 浏览器。

我引用了多少篇文章

引用:

https://css-tricks.com/snippets/html/add-body-class-just-for-ie/

https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Detecting IE11 using CSS Capability/Feature Detection enter link description here

http://www.positioniseverything.net/articles/cc-plus.html .....等等 list 继续

我引用了很多文章但没有帮助。我想我遗漏了一些东西。

最佳答案

正如我在问题中提到的那样,我已经从各种来源和文章中尝试了很多东西。

幸运的是,对我有用的是来自 "SW4" in how-to-write-a-css-hack-for-ie-11 的答案

IE 8、9 和 10

.Out {
width:400px\0; /*For IE 8,9 and 10.*/
/* For me above code is also supporting in IE 11 also. However, for IE 10+ browser I have added media query using -ms-high-contrast below*/

width: 300px; /*for other Browsers*/
}

技术非常简单:使用 -ms-high-contrast 创建媒体查询,在其中放置 IE 10 和 11 特定的 CSS 样式。因为 -ms-high-contrast 是 Microsoft 特定的(并且仅在 IE 10+ 中可用),它只会在 Internet Explorer 10 及更高版本中被解析。

-ms-high-contrast 支持两个值:none 和 active。因此,无论属性设置如何,要以 IE10+ 为目标,请使用此媒体查询:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
width:400px; /* IE10+ CSS styles go here */
}

关于html - IE 条件 CSS 即将出现在 FF 和 Chrome 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39220836/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com