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

Question

Я отлаживаю свой сайт для страшного IE6, но я официально поставлен в тупик.

Внешний вид в 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, и он кажется идентичным ... (wtf)

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

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

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

Есть идеи?

Спасибо, Ник

Answer 1

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

Работает в 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 нуждается в этом пространстве (что выглядит как очень незначительное форматирование), вы можете тратить зря время, не так ли?

Answer 2

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

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

Answer 3

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

Answer 4

Порядок обозначения свойства фона: цветное изображение, повторное вложение позиции

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