blocks|key|3089759|text|它在quirks模式和标准合规模式下都适用于我的- both。但是，当切换到IE8兼容模式时，它不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3089760|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It worked for me – both in quirks mode and in standards compliance mode. However, it does not work when switching to IE8 compatibility mode.

blocks|key|3089844|text|有一件事需要注意：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3089845|它确实可以工作，但如果您正在加载页面/站点本地网络(例如，内部网)，它将默认在IE7模式下加载！+(update+-+localhost*是一个特例，<>E19确实在标准模式下呈现)|offset|length|style|BOLD|3089846|这违背了微软最初的默认标准声明。|3089847|例如：|3089848|http://127.0.0.1/mysite/mypage.php++<--+IE8+by+default+(updated!)
http://localhost/mysite/mypage.php++<--+IE8+by+default+(updated!)
http://machinename/mysite/mypage.php++<--+IE7+by+default
http://192.168.100.x/mysite/mypage.php++<--+IE7+by+default
http://google.com/++<--+IE8+by+default|code-block|syntax|javascript|3089849|*-+Scott+Dickens在评论here+on+the+IE+Blog中指出，本地主机是内部网(通常用于开发互联网站点)中的一个特殊场景，因此默认情况下将以标准模式呈现。|3089850|要测试IE8中的页面实际呈现的模式，您可以使用check+the+developer+tools或使用此书签代码(仅适用于IE8)：|3089851|javascript:
var+vMode=document.documentMode;
var+rMode='IE5+Quirks+Mode';
if(vMode==8){
++rMode='IE8+Standards+Mode';
}+else+if(vMode==7){
++rMode='IE7+Strict+Mode';
}
alert('Rendering+in:+'%2BrMode);|3089852|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/ie/archive/2008/12/03/compatibility-view-improvements-to-come-in-ie8.aspx#9180796|1^0|0|L|R|24|F|1N|9|0|0|0|G|0|0|3|0|0|0|2G|J|J|1|0|0|1U|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@$D|17|E|18|F|G]|$D|19|E|1A|F|G]]|9|@$D|1B|E|1C|1|1D]]|A|$]]|$1|H|3|I|5|6|7|1E|8|@$D|1F|E|1G|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1H|8|@$D|1I|E|1J|F|G]]|9|@]|A|$]]|$1|L|3|M|5|N|7|1K|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1L|8|@$D|1M|E|1N|F|G]]|9|@$D|1O|E|1P|1|1Q]]|A|$]]|$1|S|3|T|5|6|7|1R|8|@$D|1S|E|1T|F|G]]|9|@]|A|$]]|$1|U|3|V|5|N|7|1U|8|@]|9|@]|A|$O|P]]|$1|W|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|13]]]]

One thing to note:

It does work, BUT if you are loading the page/site local network (e.g. Intranet) it will load in IE7 mode by default! (update - <a href="http://blogs.msdn.com/ie/archive/2008/12/03/compatibility-view-improvements-to-come-in-ie8.aspx#9180796" rel="noreferrer">localhost</a>[*] is a special case, that does render in standards mode)

This goes against MSFT's original statement of going STANDARDS by default.

e.g.

<pre><code>http://127.0.0.1/mysite/mypage.php &lt;-- IE8 by default (updated!)
http://localhost/mysite/mypage.php &lt;-- IE8 by default (updated!)
http://machinename/mysite/mypage.php &lt;-- IE7 by default
http://192.168.100.x/mysite/mypage.php &lt;-- IE7 by default
http://google.com/ &lt;-- IE8 by default
</code></pre>

[*] - Scott Dickens [MSFT] noted in a comment <a href="http://blogs.msdn.com/ie/archive/2008/12/03/compatibility-view-improvements-to-come-in-ie8.aspx#9180796" rel="noreferrer">here on the IE Blog</a> that localhost was a special scenario in the Intranet (often used to develop Internet sites) thus would render in Standards mode by default.

To test what mode a page in IE8 is really rendering in, you can use check the developer tools or use this bookmarklet code (only works in IE8):

<pre><code>javascript:
var vMode=document.documentMode;
var rMode='IE5 Quirks Mode';
if(vMode==8){
 rMode='IE8 Standards Mode';
} else if(vMode==7){
 rMode='IE7 Strict Mode';
}
alert('Rendering in: '+rMode);
</code></pre>

blocks|key|3089896|text|工具/兼容性视图设置|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3089897|全部取消选中|3089898|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Tools/Compatability view settings

uncheck them all

blocks|key|3089970|text|谢谢你的帮助。我已经找到了解决方案，显然问题是让每个样式表使用它自己的title属性。一旦我去掉了标题，除了主样式表，没有问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3089971|这是IE8独有的一个奇怪的问题-尽管有人告诉我它应该是这样工作的，这与“样式表首选项”有关-它只会造成问题，因为解决方案需要您删除标题，这在编写脚本等时可能会有所帮助-当您需要调用样式表时。|3089972|无论如何，我不确定这是一个bug，还是应该是这样的，但我希望微软能进一步调查。|3089973|谢谢|3089974|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Thank you for your help. I've discovered the solution, apparently the problem was having each style sheet use its own title attribute. Once I took the title off all but the main style sheet, no prob.

This is a weird issue unique to IE8 - and although I've been told its supposed to work that way, something to do with "Stylesheet Preference" - it only serves to create problems since the solution requires you remove the title which could be helpful when scripting, etc - when you need to call the style sheet.

In any case, not sure if this is a bug, or its supposed to be that way, but I hope Microsoft investigates further.

Thanks

blocks|key|3090073|text|为什么还要费心为IE8编写单独的样式表呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3090074|如果您已经针对IE7进行了调试，那么可以强制IE8进入兼容模式，这样就可以像IE8是IE7一样显示您的代码。|3090075|你所要做的就是把它放在开头的head标签下面。在其他任何地方都不会起作用。|3090076|而且每个项目平均减少了半个小时左右的工作量，不需要对IE8进行密集的调试！|3090077|就连Msn.com也这么做--有点讽刺，是吧？|3090078|最近写了一篇关于它的博客文章：http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/|offset|length|3090079|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/^0|0|0|0|0|0|F|3J|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@$L|11|M|12|1|13]]|A|$]]|$1|N|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]]]

Why even bother writing a separate stylesheet for IE8?

If you've already debugged for IE7, you can force IE8 into compatibility mode, and thus display your code as though IE8 were IE7.

All you gotta do is put this RIGHT BELOW the opening head tag. Anywhere else and it won't work.

And then that's a half hour or so less work on average per project, no intense debugging for IE8 needed!

Even Msn.com does this - kind of ironic, eh?

Wrote a blog post about it recently: <a href="http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/" rel="nofollow noreferrer">http://blog.sankhomallik.com/2009/11/16/stop-wasting-time-debugging-on-ie8-when-you-dont-have-to-or-get-ie8-to-behave-like-ie7/</a>

blocks|key|3936276|text|与IE7相比，IE8呈现得非常好，我有用于IE6、IE7和IE8的样式表；起初，我认为条件注释不适用于IE8，经过一些试验后，我发现IE8没有应用一些规则，只是因为我需要把祖先或父类放在第一位，例如，我有一个类，比如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3936277|.niceclass+{some:properties;more:properties;}|offset|length|style|CODE|3936278|只有当我将其更改为以下内容时，它才能在中工作：|3936279|.parentclass+.niceclass+{some:properties;more:properties;}+或|BOLD|3936280|#parentselector+.niceclass+{some:properties;more:properties;}|3936281|顺便说一句，在我的IE8-only+css中，我只有一个覆盖规则，其余的几乎像firefox一样呈现，尽管这并不会让我离开FF！|3936282|entityMap^0|0|0|19|0|0|0|1M|1N|1|0|0|1P|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|X|8|@$D|Y|E|Z|F|G]|$D|10|E|11|F|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@$D|13|E|14|F|G]]|9|@]|A|$]]|$1|O|3|P|5|6|7|15|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|R|$]]

IE8 renders pretty nice compared to IE7, I have stylesheets for IE6, IE7 and IE8; at first i thought conditional comments were not working for IE8 after a bit of experimentation i found some rules were not beeing applied by IE8 just because i needed to put the ancestor or parent class first, e.g. 
i had a class like 

<code>.niceclass {some:properties;more:properties;}</code>

it worked only if i changed it for something like:

<code>.parentclass .niceclass {some:properties;more:properties;}</code> or

<code>#parentselector .niceclass {some:properties;more:properties;}</code>

btw in my IE8-only css i have only one overriding rule, the rest is rendered almost like firefox, though thats not making me leave FF anyway!.

blocks|key|5346277|text|对于我来说，我想使用css的圆角边框。Vista上的IE8不支持这样的功能。由于图形是这样的，圆角边框也会显示出漂亮的圆角阴影，所以在IE8中页面看起来很糟糕。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5346278|我尝试使用条件注释，但无济于事，IE8不会计算if+IE表达式，因此不会包含外部样式表。|5346279|然后我看了看把它设置成怪癖/兼容模式，然而，这仍然不起作用，因为我使用的CSS+hack不再适用于IE8。|5346280|最后但最不重要的是，我发现了一个可以在兼容模式下正确呈现页面的CSS+hack。|5346281|*+%2B+html+#test[id]+{+color:lime+}+|code-block|syntax|javascript|5346282|现在，我不知道这是否适用于IE7或更低版本，所以对于你想要支持的每个IE版本，你至少会有三个不同的hack，e.e.|5346283|*+%2B+html+#test,
++++html%2Bbody+#test,
++++*+html+body+#test
++++{+color:lime+}|5346284|我想知道互联网开拓者的下一次回归会给我们带来什么。|5346285|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

For my part I wanted to use rounded borders using css. IE8 on Vista does not support such. And since the graphics were so that the rounded borders would show a nice rounded shadow as well, the page looked terrible in IE8.

I tried using conditional comments, but to no avail, IE8 would not evaluate the if IE expression and thus would not include the external stylesheet.

Then I had a look at putting it into quirks / compatiblity mode, however, this still did not work as the CSS hacks I had used did no longer work for the IE8.

Last but least I found a working CSS hack that will render the page correctly when in compatibility mode.

<pre><code>* + html #test[id] { color:lime } 
</code></pre>

Now, I do not know if this works for IE7 or below, so you would have at least three
different hacks for each IE release you want to support, e.e.

<pre><code>* + html #test,
 html+body #test,
 * html body #test
 { color:lime }
</code></pre>

I wonder what the next regression of the Internet Exploiter will behold for us.

When IE8 is released, will the following code work to add a conditional stylesheet?

<pre><code>&lt;!--[if IE 8]&gt;
 &lt;link rel="stylesheet" type="text/css" href="ie-8.0.css" /&gt;
&lt;![endif]--&gt;
</code></pre>

I've read conflicting reports as to whether this works with the beta. I'm hoping someone can share their experience. Thanks.

Will targeting IE8 with conditional comments work?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

当IE8发布时，下面的代码可以添加条件样式表吗？关于这是否适用于测试版，我读到了相互矛盾的报道。我希望有人能分享他们的经验。谢谢。

问使用条件注释来定位IE8会有效吗？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用条件注释来定位IE8会有效吗？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用条件注释来定位IE8会有效吗？
EN