【问题标题】:IE comment not rendering css on the page at allIE 评论根本没有在页面上呈现 css
【发布时间】:2011-08-20 14:10:21
【问题描述】:

这是我的网站,它在 chrome、firefox 和 IE 9 上运行良好。当我在 IE 7 和 IE 8 上尝试它时,我用于 css 的 IE cmets 根本没有显示。我的网站:http://www.chan-leung.com

<!--[if lt IE 9]>
        <link rel="stylesheet" href="css/ieHacks.css" type="text/css" media="screen, projection" />
    <![endif]-->

<!--[if IE 7]>
        <link rel="stylesheet" href="css/ieHacks7.css" type="text/css" media="screen, projection" />
    <![endif]-->

css 文件在本地工作正常,但是当我上传到我的主机时,css 不显示。我正在使用 IE 调试器进行浏览器测试(对于 IE)。 IE 的 F12 键。当我尝试查找 ieHacks.css 和 ieHacks7.css 时,没有任何显示。我不知道 ie cmets 无法正常工作的原因是什么。

任何帮助或建议将不胜感激。

【问题讨论】:

  • 愚蠢的事情,但你确定他们在服务器上?我根本无法加载它们,直接 URL 或其他方式。不断获得 404。
  • 使用它加载的直接url,而不是文件路径
  • 也许问题是我正在查找 'css/ieHacks.css',带有 大写“h”。我的错。
  • 你是对的,这是语法错误,TY指出来。

标签: css internet-explorer internet-explorer-8 internet-explorer-7 comments


【解决方案1】:

也许你对 css 文件的命名不正确?

您的网站可能正在尝试使用 css/ieHacks.css 和 css/ieHacks7.css,但实际文件是 css/iehacks.css 和 css/iehacks7.css

也可以尝试使用绝对网址,看看它是否有所作为,例如:

<!--[if lt IE 9]>
    <link rel="stylesheet" href="/css/iehacks.css" type="text/css" media="screen, projection" />
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" href="/css/iehacks7.css" type="text/css" media="screen, projection" />
<![endif]-->

另外,请注意,你先做一个更一般的作业,然后再做一个更具体的作业,这是故意的吗?第一个 css 文件将应用于 ie7 以及第二个更具体的文件。

更新:

您的网站 css 似乎与您在问题中所说的不同:

<!--[if lte IE 8]>
    <link rel="stylesheet" href="css/iehacks.css" type="text/css" media="screen, projection" />
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" href="css/iehacks7.css" type="text/css" media="screen, projection" />
<![endif]-->
<!-- [if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->

【讨论】:

  • 是的,问题是我用于 css 的名称错误。是的,如您所见,css 订单是有意的。我只想为特定浏览器应用必要的 css
  • 在这种情况下,您能否将我的解决方案标记为正确...?照原样看:)
猜你喜欢
  • 2012-08-31
  • 2012-11-21
  • 1970-01-01
  • 2018-08-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多