Есть ли в Internet Explorer 7 проблема с синтаксическим анализом CSS со свойством background-image? - PullRequest
2 голосов
/ 08 апреля 2010

Проблемы с макетом CSS в Internet Explorer 7 (большой сюрприз). После использования Инструментов разработчика для проверки CSS, я обнаружил, что некоторые свойства, определенные в таблице стилей, не отображаются в проанализированной структуре CSS ... ТОГДА я увидел, что ЭТО отображается как проанализированное значение для background-image свойство:

background-image : url(/trunk/httpdocs/images/layout/HCBL_Homepage_01.jpg); WIDTH: 1200px;

в значительной степени стирает определенное свойство width .

Фактический код в файле CSS для этого элемента:

div#header {
        width: 1200px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/trunk/httpdocs/images/layout/HCBL_Homepage_01.jpg');
        background-repeat: no-repeat;
}

Если бы кто-нибудь мог предложить какое-либо понимание или предоставить ссылку, описывающую эту проблему (и, возможно, обходной путь ...), я был бы очень признателен.

Кроме того, меня это интересует только с точки зрения синтаксического анализа таблицы стилей и CSS. Я не связан с проблемами рендеринга и отображения в данный момент; Я просто хочу, чтобы IE 7 (и у меня есть чувство, что IE 6 будет иметь похожие проблемы) распознает и анализирует ВСЕ свойства CSS, которые были определены в таблице стилей.

Кроме того, вот ссылка на статический HTML и CSS это иллюстрирует описанную проблему.

Заранее спасибо, ребята!

Ответы [ 2 ]

0 голосов
/ 08 апреля 2010

Я не на 100% отношусь к вашей структуре папок или к тому, как вы обращаетесь к своему изображению, но пробовали ли вы без первого слеша или добавления .. перед первым слешем?

Где находятся файлы CSS и JPG в корневом каталоге вашего сайта?

0 голосов
/ 08 апреля 2010

Вы уверены, что у вас есть регулярные кавычки, а не необычные фигурные? Вы получаете такое же поведение, если вы меняете их на кавычки?

...