CSS background url() не отображается в IE, работает в FF/Safari

Я отлаживаю свой сайт для страшного IE6, но я официально заблокирован.CSS background url() не отображается в IE, работает в FF/Safari

Появление в Firefox: http://dl-client.getdropbox.com/u/5822/firefox.tiff

Появление в IE6: http://dl-client.getdropbox.com/u/5822/ie6.tiff

Живой сайт: Motolistr.com

Следующая CSS отлично работает в FF и Safari, но не в IE6.

#search_sort{ 
background-image:url('../images/nav/bg-form.jpg'); 
padding:10px; 
border:1px solid #d13a3b; 
margin-top:5px; 
}

Следующий CSS ДЕЛАЕТ РАБОТУ в IE6, и это, кажется, идентичны ... (ВТФ)

#email_seller{ 
border:1px solid #d13a3b; 
background-image:url('../images/nav/email-form-bg.jpg'); 
}

Кроме того, моя кнопка соединения/диапазон не появляется или-я предполагаю, что это такой же тип проблемы.

a.button { 
    background: transparent url('../images/nav/button_bg_right4.gif') no-repeat scroll top right; 
    color: #000; 
    display: block; 
    float: left; 
    font: normal 18px arial, sans-serif; 
    height: 36px; 
    margin-right: 6px; 
    padding-right: 18px; /* sliding doors padding */ 
    text-decoration: none; 
} 

a.button span { 
    background: transparent url('../images/nav/button_bg4.gif') no-repeat; 
    display: block; 
    line-height: 24px; 
    padding: 5px 0 7px 18px; 
}

Любые идеи?

Спасибо, Ник

источник

2009-02-04 Nick Woodhams

Порядок атрибутов неверны, как я вижу. Вам нужно поставить прозрачность в начале.

background:transparent url('../images/nav/button_bg4.gif') no-repeat;

источник

2009-02-04 11:11:43

Даже с измененным, это все еще не имеет значения. –

Хм ты тоже пытался исправить границы. border: solid 1px #ddd; Я не уверен в раздвижных дверях, но насколько я знаю, только один из них имеет дисплей: блок; Я имею в виду просто span или просто кнопку Я надеюсь, что это работает –

Я забыл упомянуть о границе, я хотел сказать, что порядок свойства border: solid 1px #ccc; тип | ширина | color –

Фонового свойство сокращенного заказа: цвето прикрепление изображения повторите положение

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

источник

2009-02-04 11:12:51 annakata

В Internet Explorer URL внутри CSS относится к текущей странице. в других браузерах, URL внутри CSS относится к местоположению CSS. Лучше использовать URL-адрес исправления для обоих. Если вы используете Java-сервлет, вы можете использовать фиктивный URL-адрес и обрабатывать запрос в фоновом режиме из сервлета.

источник

2010-09-16 03:31:41 Harun

Похоже, это один был очень хорошо ответил, но я хотел бы добавить:

Работает в IE:

background:transparent url('../images/nav/button_bg4.gif') no-repeat;

Работает в Firefox и Chrome, но не работает в IE:

background:transparent url('../images/nav/button_bg4.gif')no-repeat;

Не зная, что IE нуждается в этом пространстве (которое кажется очень маргинальным форматированием), вы можете тратить время на витающее время, не?

источник

2013-01-25 20:45:03 DrewT

+1 Yuuuup это сработало для меня. Использование сжатого CSS, который удалил пространство. И oui. – Ben

Определенно потенциальная проблема для тех, кто использует сжатые/minified CSS :( – DrewT

CSS background url() не отображается в IE, работает в FF/Safari

ответ

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