我有麻烦让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一起工作。
希望有帮助!好运。