2013-12-03 2 views
0

У меня есть класс css ниже, и я использую его в своем html-коде.Фон css свойство не подходит только в IE8

.status-mob { 
    background: url(/img/status.png) -55px -6px no-repeat; 
    height: 20px; 
    margin-top: -1px; 
    width: 20px; 
} 

Вышеупомянутый css отлично работает в Firefox и Chrome. Но не работает в IE8

В IE8, когда я проверяю элемент html, первое свойство (фон) не приходит только в IE8.

По какой-то причине свойство «background» не входит в IE8. Кто-нибудь сталкивался с такой проблемой?

Можете ли вы рассказать мне, что может быть причиной?

+1

Я не уверен, но, возможно, вы должны положить путь img в кавычки: 'url ("/img/status.png ")'? IE странно во всех отношениях, вы можете думать ... –

+0

Используйте 'background-image' и добавьте yuotes на свой путь – Igle

+0

попробовал с кавычками. По-прежнему свойство background не приходит в IE8 – ezhil

ответ

1

попробовать это

.status-mob { 
background: url('../img/status.png') -55px -6px no-repeat; 
height: 20px; 
margin-top: -1px; 
width: 20px; 
} 

или вы можете попробовать написать их отдельно

background-image: url('../img/status.png'); 
background-size:-55px -6px; 
background-repeat:no-repeat; 
2

удалить / из /img/status.png и что будет решить вашу проблему.

Например,

background: url(img/status.png) -55px -6px no-repeat;

PS: если изображение один уровень выше, используйте ../

+0

Правда, но кавычки не оказывают большого влияния, которое делает '/'. - @ C-Link – Nitesh

+0

Thx @ C-Link, я помню тестирование с кавычками или без них, но в конечном итоге путь заставляет вещи создавать странное поведение, особенно начальное слэш '/' – Nitesh

+0

№ без/слэш также не работает для меня – ezhil

0

Является ли изображение больше, чем 55x6 пикселей? Вы помещаете его на 55 пикселей влево и на 6 пикселей вверх от угла элемента, поэтому оно должно быть больше, чем показано.

Кроме того, изображение действительно хранится в папке «img» под корнем веб-сайта? Возможно, вам понадобится относительный путь, например, «img/status.png» или «../img/status.png», а не абсолютный путь «/img/status.png».

Смежные вопросы