Question

我有以下课程

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

我用它来构建一个看起来像三维的导航按钮。

在我测试过的所有浏览器中，Chrome，Firefox，IE和不同版本都可以正常使用，但Safari除外。图像不会出现。

Answer 1

你在图片网址中遗漏了一个“/”。

将http:/appimages/background.gif更改为http://appimages/background.gif，它应该有效。

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

Answer 2

你的声明中似乎有两个错误，顺序是错误的，而图片的网址是绝对和相对之间的某种混合。

background：url（http：/appimages/background.gif）#fff bottom left repeat-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;

Scroll是默认值，可以省略..

仅在Safari中的背景URL问题

2 个答案: