Css 仅Safari中的背景Url问题

我有以下课程

div.application {
background: url(http:/appimages/background.gif) #fff bottom left repeat-x;
height: 20px;
line-height: 10px;
width:80px;
display: block;
text-align:center;
Font-weight:200; 
font-size: 10pt;
 padding:5px;
}

我用它来构建一个按钮式的导航，看起来是三维的

---

在我测试过的所有浏览器中，除了Safari，Chrome、Firefox、IE和不同版本都可以正常工作。图像未显示。

您的声明中似乎有两个错误，顺序错误，图像的url是绝对和相对的混合

背景：url（http:/appimages/background.gif）#fff左下重复-x

应该是

background: #fff url(appimages/background.gif) repeat-x scroll left bottom;

或者如果图像确实在另一台服务器上

background: #fff url(http://www.yourdomain.com/appimages/background.gif) repeat-x scroll left bottom;

滚动是默认设置，可以省略。

图像url中缺少“/”

---

将

http:/appimages/background.gif

更改为

http://appimages/background.gif

，它应该可以工作

---

颜色值（#fff）也应该是声明中设置的第一个属性。

http:/appimages/background.gif

作为URL没有意义。你指的是哪个URL？当你直接调用它时，它能工作吗？