Почему нет: nth-child работает в IE9? - PullRequest
Новая
       0

Почему нет: nth-child работает в IE9?

13 голосов
/ 06 мая 2011

Согласно этой странице ,: nth-child должен работать в IE9, и я пробовал это раньше, и он работал нормально, но на этой странице она не отображаетсяработатьПросмотрите страницу в Chrome, чтобы увидеть предполагаемое поведение, а в IE вы увидите, что она не работает.Вы, вероятно, можете увидеть это с помощью веб-инспектора, но для справки, соответствующие строки CSS: 

.ad_widget:nth-child(3n+2) { background: #efefef; }
.ad_mrow {background: #efefef;}`

Я в растерянности.Есть идеи?

Ответы [ 5 ]

18 голосов
/ 22 июля 2011

По какой-то причине я не могу понять, IE9 по умолчанию работает в режиме совместимости для просмотра сайтов интрасети или HTML-страницы, сохраненной в виде файла на ПК.Режим совместимости означает «рендерить вещи, как тупой старый браузер».Это означает, что когда вы разрабатываете материал для веб-сайта и пытаетесь выполнить предварительный просмотр из своей любимой среды IDE в IE9, ни один из элементов CSS3 не работает.Вы должны нажать «Сервис» -> «Настройки просмотра совместимости» в меню IE9, а затем снять надоедливый флажок с надписью «Отображать сайты в интрасети в режиме совместимости».С тех пор убогий браузер работает как любой нормальный браузер, такой как Safari.Почему они это сделали?Небеса знают только, но мне понадобилось много времени, чтобы найти это простое исправление из-за того, что я продолжал обвинять свой код.

8 голосов
/ 06 мая 2011

Они выглядят одинаково здесь. Вы уверены, что не в режиме совместимости?

2 голосов
/ 02 августа 2013

Моя версия IE9 была заблокирована в режиме рендеринга IE8, в котором не использовался следующий селектор: 

 .parentClass > div:nth-child(n+2) .childClass

Здесь вы можете найти варианты для его изменения:

Where in IE9 to Adjust Browser and Document mode

0 голосов
/ 22 июля 2012

<!DOCTYPE html> не останавливает режим причуда, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> делает.

0 голосов
/ 06 мая 2011

Кажется, это работает для меня. IE9

Chrome

...