css背景图像在IE上不起作用？

Question

当该站点位于LOCALHOST上时，此CSS样式在所有浏览器上都能正常工作。 但是当我将该网站上传到一个活动服务器时，它也适用于除IE以外的所有浏览器。

背景图像不显示。

.button { 
font-family:Arial, Helvetica, sans-serif; 
display:inline-block; 
position:relative; 
background:url(../images/button-bg.gif) 0 0 repeat-x #3b3d3e; 
border:1px solid #3b3d3e; 
font-size:11px; 
color:#fff; 
font-weight:bold; 
text-decoration:none; 
padding:1px 9px; 
margin-right:7px; 
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
behavior:url(js/PIE.htc); 
} 

注意：你可以看到我使用的颜色＃3b3d3e的背景，并在页面加载时我看到这个颜色第二的一部分，然后消失。

这是什么问题？

Answer 1

我相信背景应该按以下顺序写出来： 背景：颜色头寸规模重复起源夹添加图像; 也许IE是唯一关心的浏览器？

如果这不起作用，可以尝试添加您需要的每个背景值： 背景颜色，背景位置，背景尺寸，背景重复，背景起源，背景剪辑，背景附件以及背景图。

另外，作为一个附注，你可能想尝试注释掉css“behavior：url（js/PIE.htc）”中的最后一行。我有时知道这些事情喜欢与其他财产冲突。我从来没有使用过PIE，但它值得一试。

Answer 2

颜色第一：

background: #3b3d3e url(../images/button-bg.gif) 0 0 repeat-x; 

Answer 3

尝试增加zoom:1到.button

这将触发对IE7的hasLayout的属性。这里 详细说明： On having Layout

Answer 4

我觉得我得到它固定的，但是仍然不知道是什么原因... 我删除了

behavior:url(js/PIE.htc); 

从中

，它完美地工作.. 。

我很确定文件PIE.htc在那里，但我不知道什么是错的。 任何人？

Answer 5

我还没有在我的网站尝试这样做，但因为服务器已经下来，但它可能是值得探讨的Modernizr http://modernizr.com/

我有一个很难得到背景图像显示从本地转移到我的服务器，而我最终不得不做的是使用图像的完整路径。

如果事实上是一个浏览器冲突问题，这应该有助于解决它。

另外，你有没有试过注释掉behavior:url(js/PIE.htc);？ 这可能是什么让它适合。

当我把背景图像在我的CSS，我像这样键入：

background-image: url("path/to/image.img"); background-repeat:no-repeat; 

background-color:#color; 

我看你尝试这样做，我试图想几个选项，将与Z轴行程-index会影响你正在尝试做什么？

给Modernizr的一过目

Answer 6

这可能是本地主机和服务器环境之间的相对路径问题。请参阅CSS 3 PIE已知问题页面的详细说明。 http://css3pie.com/documentation/known-issues/#relative-paths

PIE能工作吗？ - IE 7上的按钮有圆角吗？

这可能也有帮助。 http://css3pie.com/documentation/known-issues/#z-index