В инструментах разработчика IE8 отсутствуют некоторые стили

У меня проблемы с некоторыми свойствами CSS в IE8.

Я тестировал свой сайт в IE7, Chrome и Firefox, и они работают нормально, но у IE8 есть некоторые проблемы с макетом.

Я проверял опцию инструмента разработчика на ie8 и заметил, что некоторые свойства, которые я установил в CSS, игнорируются ie8. Например:

    #header
{
 position: relative;
 padding: 20px;
 height: 100px;
 background:url(header.png);

}

В этом заголовке IE8 проигнорировал свойство высоты: если я проверяю элемент в инструментах разработчика, это свойство отсутствует, и оно разбивается на другую строку:

background:url;HEIGHT: 100PX

То же самое происходит и с поплавками:

#logon
{
float: left;
text-align:right;
width:20%;
height: 40px;
padding-left: 0px;
padding-right:7px;
border:0;
margin:0;
background: url(navgradient.gif);
}

Это игнорирует значение с плавающей запятой:

background: url(navgradient.gif); FLOAT:left;

Что здесь происходит и как это исправить?


layout css internet-explorer ie-developer-tools
person Craig Warren    schedule 09.05.2010    source источник
comment
Я видел, как происходит то же самое, и никогда не понимал, почему. Ваш документ действителен HTML и CSS? Работает ли лучше, если вы используете background-image: url(navgradient.gif)?   -  person Pekka    schedule 09.05.2010
comment
есть ли обновления по этой проблеме? это сводит меня с ума   -  person Angelo.Hannes    schedule 15.01.2013

Ответы (3)


arrow_upward
1
arrow_downward

Я тоже это видел. Некоторые стили показаны в одной строке, у меня бывает с "фильтрующими" строками.

HTML отображается в IE правильно, но если вы попытаетесь включить / выключить эту строку CSS, это повлияет на оба свойства. Таким образом, снятие отметки «filter: alpha (opacity = 25); BOTTOM: 10px» в инструментах разработчика отключает как «фильтр», так и «нижние» правила CSS.

Так что это похоже на ошибку в парсере инструментов разработчика, но не в движке рендеринга IE. Это безумие, как это до сих пор не исправлено.

person rocketmonkeys    schedule 26.05.2011

arrow_upward
0
arrow_downward

Похоже на ошибку разбора или подобное. Попробуйте заключить имена изображений в кавычки;

background: url('navgradient.gif');
person Mathew    schedule 09.05.2010

arrow_upward
0
arrow_downward

Я видел, как это происходит, если таблица стилей содержит filter свойства.

person SLaks    schedule 09.05.2010