internet explorer语言 - 难以选择工作



我有麻烦让Selectivizr工作,即使是一个非常简单的页面。我做错了什么?

http://jiewmeng.kodingen.com/playground/selectivr.html

<html>
<head>
    <link rel="stylesheet" href="selectivr.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
      <script src="selectivizr.js"></script>
    <![endif]--> 
</head>
<body>
    <h1>Hello World</h1>
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
    <p>Paragraph 4</p>
    <p>Paragraph 5</p>
    <p>Paragraph 6</p>
</body>
</html>
CSS

p:nth-child(2n+2) { color: red }

Selectivizr仅在页面处于严格模式时有效。因为你没有给你的页面一个doctype声明,它以Quirks模式加载,这意味着Selectivizr还没有加载。

只需在打开html标签之前添加<!DOCTYPE html>, Selectivizr就可以工作了

您可能想要将链接添加到selectivizr将要作用的现有CSS中。

这里是你应该放在头部的完整代码:

    <!--[if (gte IE 6)&(lte IE 8)]>
      <script type="text/javascript" src="/js/selectivizr/selectivizr.js"></script>
      <noscript><link rel="stylesheet" href="selectivr.css" /></noscript>
    <![endif]-->

还有两个已知的问题:

  • 在本地工作,它将不起作用
  • 与PIE一起工作。

希望有帮助!好运。

相关内容

  • 没有找到相关文章

最新更新