【问题标题】:Crossbrowser: Css rule not parsed in Explorer 8 (div#main>div)跨浏览器:资源管理器 8 中未解析 Css 规则(div#main>div)
【发布时间】:2013-12-05 17:09:12
【问题描述】:

我的 JQuery 应用程序在除 Explorer 8 之外的所有浏览器中都能正常工作..

让我的应用无法正常工作的是没有解析这个 css 规则:

  div#main>div {
       display:none
   }

有人可以告诉我,我怎样才能以不同的方式编写这个才能在 Explorer 8 中被接受?

如果需要,需要设置样式的结构:

 <div id="main">
     <div id="1">
     ...
     </div>
     <div id="2">
     ...
     </div>
     <div id="3">
     ...
     </div>
 </div>

非常感谢!

【问题讨论】:

  • 这应该完全有效。您的 css 必须在其他地方被覆盖。也许使用像“#main > div {”这样的空格
  • 可以去掉#main之前的div。它在您的声明中没有用,并增加了复杂性。试试#main>div
  • 使用#main div { display:none; }
  • 啊,谢谢 Vucko。顺便说一句,我看到他们得出了类似的解决方案。

标签: jquery html css internet-explorer cross-browser


【解决方案1】:

正如@Alex 所说,规则本身没有任何问题。 但相信我没有被解析。

我不得不将该规则包含在一个单独的文件中:

    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

是一个只有该规则的文件。 但现在一切正常。

【讨论】:

  • 您不需要这样做。如果您确实需要它,那么还有其他事情是错误的。解决实际问题可能比引入 hack 来解决它更好。
  • 你是对的。尚未找到导致问题的原因。到目前为止,它可以作为在 explorer 8 中解析该规则的临时解决方案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-31
  • 2011-02-25
  • 2013-08-21
  • 2015-10-22
  • 1970-01-01
  • 1970-01-01
  • 2011-12-18
相关资源
最近更新 更多