Проблемы с получением Selectivizr на работу - PullRequest
Новая
       25

Проблемы с получением Selectivizr на работу

3 голосов
/ 30 апреля 2011

У меня проблемы с тем, чтобы заставить 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 }

Ответы [ 2 ]

4 голосов
/ 22 августа 2011

Selectivizr работает только тогда, когда ваша страница находится в строгом режиме.Поскольку вы не указали на своей странице объявление типа документа , оно загружается в режиме Quirks, что означает, что Selectivizr не загружен.

Просто добавьте <!DOCTYPE html> перед открывающим тегом html, а Селективизр будет работать.

3 голосов
/ 07 сентября 2011

Вы можете добавить ссылку на существующий CSS, по которому будет действовать selectivizr.

Вот полный код, который вы должны положить в голову в вашем случае: 

    <!--[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]-->

есть также 2 другие известные проблемы:

  • работает локально, не будет работать
  • работает с PIE.htc одновременно, если вы раскомментировали его.

Надеюсь, это поможет! удачи.

...