CSS 背景 url () 没有出现在 IE 中，在 FF/Safari 中有效答案

【问题标题】：CSS background url () not appearing in IE, works in FF/SafariCSS 背景 url () 没有出现在 IE 中，在 FF/Safari 中有效
【发布时间】：2013-04-19 03:47:24
【问题描述】：

我正在为可怕的 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');
}

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

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

有什么想法吗？

谢谢，尼克

【问题讨论】：

标签： internet-explorer cross-browser

【解决方案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 需要该空间（这似乎是非常边缘的格式），您会浪费大量时间，不是吗？

【讨论】：

+1 Yuuuup 这对我有用。使用已删除空间的压缩 CSS。还有哦。
对于任何使用压缩/缩小 CSS 的人来说绝对是一个潜在的问题 :(

【解决方案2】：

我看到的属性顺序是错误的。你需要把透明放在开头。

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

【讨论】：

即使改变了，它仍然没有任何区别。
嗯，您是否也尝试修复边框值。边框：实心 1px #ddd;我不确定滑动门，但据我所知，其中只有一个有显示：块；我的意思是只是跨度或只是按钮我希望它有效
我忘了说边框，我想说边框属性的顺序：solid 1px #ccc;类型 |宽度 |颜色
更改了边框属性后，仍然没有出现背景。请随时查看motolistr.com。我真的很难过。
在 FF,Chrome 上一切正常。只是 IE 打破了它。我会检查并给你回信

【解决方案3】：

背景属性简写顺序为：彩色图片重复位置附件

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

【讨论】：

【解决方案4】：

在 Internet Explorer 中，CSS 中的 URL 是相对于当前页面的。在其他浏览器中，CSS 中的 URL 是相对于 CSS 位置的。最好对两者都使用修复 URL。如果您使用 Java servlet，您可以使用虚拟 URL 并在后台处理来自 servlet 的请求。

【讨论】：