У меня есть некоторые проблемы с некоторыми свойствами 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;
Что происходит здесь и как я могу зафиксировать его?
Похоже на ошибку синтаксического анализа или что-то подобное. Попробуйте заключить имена изображений в кавычки:
background: url('navgradient.gif');
Я видел, как это происходит, если таблица стилей содержит свойства filter
.