Класс CSS вообще не применяется в IE7-8 - PullRequest
Новая
       2

Класс CSS вообще не применяется в IE7-8

0 голосов
/ 21 сентября 2011

<!DOCTYPE html> было установлено, и html5shim.js было включено в <head> каждой страницы.

У меня есть CSS: 

.height_fix_container > * { margin:0; background:#fff url(../images/bg.jpg) top left no-repeat; min-height: 400px; }
.height_fix_container > *:first-child { background:#fff; } /*Good eye! But the problem still exists*/

... будучиприменяется к этому коду в середине страницы: 

...
<div class="height_fix_container">
    <div>Content box 1</div>
    <div>Content box 2</div>
</div>
...

В любом браузере, кроме IE7 и 8, CSS-селекторы работают отлично.Однако в IE Content box 1 распознает селектор, а Content box 2 полностью игнорирует его.Я проверяю это с помощью встроенных инструментов разработчика в IE.

Почему это может происходить?

Ответы [ 4 ]

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

В IE вам нужно объявить DOCTYPE, чтобы он мог распознавать селектор первого ребенка. 

<!DOCTYPE .......>

Вы также пропускаете знак # перед фронтом 'fff' во втором классеопределение.Это никак не влияет на код, только синтаксическое редактирование.

http://www.w3schools.com/cssref/sel_firstchild.asp

1 голос
/ 21 сентября 2011

Ваша страница отображается в режиме Причуды .Ваше описание и CSS делают меня вполне уверенным.

Наиболее вероятная причина в том, что у вас нет действительного типа документа в качестве самой первой строки .Добавьте это: 

<!DOCTYPE html>

Если у вас уже есть тип документа, другие причины могут вызвать режим причуд.

Как только вы это исправите, background:fff больше не будет работать.Вам нужно background:#fff.# важно.

1 голос
/ 21 сентября 2011

IE7 очень специфичен для :first-child и может подавиться * перед ним.

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

 .height_fix_container > div:first-child { background:#fff; }

Не проверено

0 голосов
/ 27 сентября 2012

http://jsfiddle.net/a256R/ - аналогичные селекторы - работают в IE7 и IE8 (первый div - зеленый, второй - красный).Проблема в другом месте (фоновое изображение, другие правила и т. Д.).

...