Свойство Background CSS не только в IE8

Question

Свойство Background CSS не только в IE8

0

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

.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. Кто-нибудь сталкивался с такой проблемой?

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

ezhil 03 дек. 2013, в 12:27

Источник

1

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

Используйте background-image и добавьте yuotes к вашему пути
Igle 03 дек. 2013, в 10:34
0

пробовал с кавычками. Все еще фоновое свойство не приходит в IE8
ezhil 03 дек. 2013, в 10:51

Показать ещё 1 комментарий

Теги:

html

css

3 ответа

2

удалите / from/img/status.png, и это решит вашу проблему.

Например,

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

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

Nitesh 03 дек. 2013, в 08:15

0

Правда, но цитаты не оказывают большого влияния, которое / оказывает. - @ C-Link
Nitesh 03 дек. 2013, в 10:39
0

Thx @ C-Link, я помню тестирование с или без кавычек, но в конечном итоге путь заставляет вещи создавать странное поведение, особенно начальный слеш /
Nitesh 03 дек. 2013, в 10:44
0

Нет, без / слэш также не работает для меня
ezhil 03 дек. 2013, в 10:55
0

Тогда, если он находится в вашей родительской директории, попробуйте с ../ а также с ./ - @ ezhil
Nitesh 03 дек. 2013, в 11:01
0

это работает с ../ Спасибо :)
ezhil 03 дек. 2013, в 11:21
0

Добро пожаловать :) - @ezhil
Nitesh 03 дек. 2013, в 11:48

Показать ещё 4 комментария

0

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

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

Peter 03 дек. 2013, в 09:16

Ещё вопросы

Я не уверен, но, возможно, вы должны url("/img/status.png") путь к img в кавычках: url("/img/status.png") ? IE странно во всех отношениях вы можете думать ...
Используйте background-image и добавьте yuotes к вашему пути
пробовал с кавычками. Все еще фоновое свойство не приходит в IE8
Правда, но цитаты не оказывают большого влияния, которое / оказывает. - @ C-Link
Thx @ C-Link, я помню тестирование с или без кавычек, но в конечном итоге путь заставляет вещи создавать странное поведение, особенно начальный слеш /
Нет, без / слэш также не работает для меня
Тогда, если он находится в вашей родительской директории, попробуйте с ../ а также с ./ - @ ezhil

Aditya Ponkshe · Accepted Answer · 2013-12-03T07-51-00.000Z

попробуй это

.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;