Internet explorer CSS背景url（）不出现在IE中，在FF/Safari中工作

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

Firefox中的外观：

在IE6中出现：

现场直播：

下面的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）

另外，我的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;
} 

有什么想法吗

谢谢，

---

尼克

我看到属性的顺序是错误的。 你需要在一开始就透明

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

---

背景属性速记顺序为：彩色图像重复位置附件

---

我建议您更正为提供所有属性的格式，如果失败（您可以确认应用了该样式），请尝试上下修改图像路径，以查看您的基本位置是否与您认为的相同。

在Internet Explorer中，CSS中的URL与当前页面相对。 在其他浏览器中，CSS中的URL是相对于CSS位置的。 最好同时使用修复URL。

---

如果您使用Java servlet，您可以使用虚拟URL并在后台处理来自servlet的请求。

这一问题似乎得到了很好的回答，但我想补充：

在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需要这个空间（这看起来像是非常边缘化的格式），你可能会浪费大量的时间，而不是？

即使更改了这个空间，也没有什么区别。嗯，你也尝试过修复边界值吗。边框：实心1px#ddd；我不确定滑动门的情况，但据我所知，其中只有一个有显示：block；我的意思是，只要跨距或按钮我希望它能工作我忘了提到边界，我想说边界属性的顺序：实心1px#ccc；键入| width | color更改边框属性后，背景仍不会显示。请随时查看。我真的被难住了。在FF，Chrome上一切都好。就这样吧。我会检查一下，然后给你回信+1 Yuuuup这对我有用。使用压缩CSS删除了空间。还有oui。对于任何使用压缩/缩小CSS的人来说，这无疑是一个潜在的问题：(

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