【问题标题】:IE8 html5shiv...not all styles are being appliedIE8 html5shiv ...并非所有样式都被应用
【发布时间】:2015-04-13 16:19:33
【问题描述】:

几天来,我一直在努力让我的网站在 IE8 上看起来正确(因为愚蠢的银行没有更新他们的浏览器),我已经缩小了一些范围。

我正在使用 HTML5 标签(IE8 不支持),因为我无法忍受不必要的 div 汤。我正在使用著名的 HTML5shiv 来获取像 sectionarticle 这样的 HTML 元素,以便在 IE8 中工作。不过,对于这些标记名,IE8 似乎仍然不可靠。

这是一个例子:

<html>
 <head>
  <title>ie8</title>
  <script id="html5shiv_script">/*blah blah*/</script>
  <style>
    section{display:block;}
    article{display:block;background:green;}
    article.first + article{font-size:72px;}
    article.first{color:yellow;}
    article:first-child{background:blue;}
  </style>
 </head>
 <body>
  <section>
   <article class="first">One</article>
   <article>Two</article>
   <article>Three</article>
   <article>Four</article>
   <article>Five</article>
  </section>
 </body>
</html>

链接:http://www.webnotes.xyz/ie8.html

我找不到任何关于为什么这两种样式没有在 IE8 中应用的任何信息:

article.first + article{font-size:72px;}
article:first-child{background:blue;}

我无法从中推断出任何东西,因为 IE8 应该支持这些选择器,而在我的个人网站中,我将这些选择器与类切换了,但它仍然无法正常工作。

我通过谷歌搜索找不到任何关于此的信息。谁能解释为什么这些样式在 IE8 中被忽略了?

重要编辑:我刚刚意识到这在 IE9 中也不起作用。

【问题讨论】:

  • 如果它是浏览器唯一支持的东西,这并不是真的不必要......无论如何,你有没有试过给他们一个 article 的类和样式?跨度>
  • 这是一个内网站点吗?
  • @TylerH 是的,这是我尝试的第一件事,但没有成功。
  • @zgood 这是一个赞助网页,专为银行等只能在 IE8 内部查看网站的公司制作。
  • 有趣的是,出于安全目的,我的工作过滤器阻止了链接:-)

标签: css html internet-explorer-8 html5shiv


【解决方案1】:

我在保险公司的 Intranet 网站上遇到了与此类似的问题。默认情况下,IE 会强制 Intranet 站点进入兼容模式,从而破坏您的选择器。

IE 假设显示 Intranet 站点 (http://someInternalSite/http://someInternalSite.myCompany.org)。 该假设是 Intranet 站点在兼容性方面工作得最好 模式。

Reference

如果是这种情况,那么this Stack Overflow answer 可能会有所帮助。

另外,我相信网络管理员可以创建一个组策略来强制 IE 进入兼容模式。 Reference

【讨论】:

  • 谢谢...很高兴知道,但我不认为是这样。我可以看到它不在兼容模式下。
【解决方案2】:

我知道为什么我发布的示例不起作用。这是因为我忘记包含一个文档类型。顶部的&lt;!DOCTYPE html&gt; 使一切正常。我仍然不知道为什么我正在处理的实际网站不起作用,因为那里有 &lt;!DOCTYPE html&gt;...回到绘图板!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-09
    • 2017-06-09
    • 2012-06-11
    • 2018-04-18
    • 2014-10-17
    • 2021-06-06
    相关资源
    最近更新 更多