IE中未显示CSS背景网址（），在FF / Safari中有效 [英] CSS background url () not appearing in IE, works in FF/Safari

问题描述

我正在为可怕的IE6调试我的网站，但我被正式绊倒了。

I'm debugging my website for the dreaded IE6 but I'm officially stumped.

Firefox中的外观： http://dl-client.getdropbox.com/u/5822/firefox.tiff

Appearance in 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中却没有。

The following CSS works great in FF and Safari, but doesn't in IE6.

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

以下CSS在IE6中确实起作用，而且看起来完全一样...（ wtf）

The following CSS DOES WORK in IE6, and it seems identical...(wtf)

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

此外，我的链接/跨度按钮也没有出现-我认为这是是同一类型的问题。

Also, my link/span button doesn't appear either- I assume this is the same type of issue.

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

有什么想法吗？

谢谢，
尼克

推荐答案

类似一个人的回答很不错，但是我想补充一下：

Seems like this one's been pretty well answered, but I'd like to add:

在IE中工作：

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

在Firefox和Chrome中可以运行，但在IE中不起作用：

Works in Firefox and Chrome but does not work in IE:

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

在不知道IE需要该空间（格式很微不足道）的情况下，您可能会浪费繁琐的时间， ？

Without knowing IE needs that space (which seems like very marginal formatting) you can waste seeerious time, non?

这篇关于IE中未显示CSS背景网址（），在FF / Safari中有效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！