Забавная ошибка рендеринга CSS в IE background-image содержит "display: block"

Question

Есть странная проблема с тем, как IE анализирует / рендерит мою CSS.У меня есть следующий стиль, определенный "background-image: url (/images/leftArrow.png); DISPLAY: block; курсор: указатель;"

, но по какой-то причине IE 7 и 8 объединяют фон и отображениечтобы сделать его одним свойством (см. скриншот)

Есть идеи?

_{(источник: infinicastonline.com )}

Answer 1

Это отображается только на панели инструментов разработчика . Когда вы создаете простой диапазон с этими атрибутами css, он действительно отображается как блочный элемент, но моя панель инструментов разработчика показывает то же самое, что и ваша, на скриншоте.

Это не имя в верхнем регистре (на панели инструментов разработчика фактически отображается атрибут отображения в верхнем регистре), а также кавычки вокруг URL не являются проблемой. Вы даже можете переместить display:block в начало стилей, и они все равно будут отображаться в панели инструментов разработчика

.

Answer 2

Попробуйте поместить несколько цитат в URL.

url("/images/leftArrow.png");

Но, безусловно, было бы неплохо больше кода.

Answer 3

Скорее всего, это опечатка где-то или прекращение декларации или что-то еще. Если вы опубликуете фактический код, мы сможем дать конкретный ответ.

Answer 4

Я думаю, это потому, что вы использовали прописные имена свойств. у вас та же проблема с «ПОЛОЖЕНИЕМ» ниже. Кстати, как я могу получить этот firebug как аддон для ie?