2011-06-19 49 views
0

我有下面的类背景网址问题只

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除外。图像未显示。

+0

'http:/ appimages/background.gif'作为一个URL没有意义。你的意思是哪个网址,当你直接打电话时它是否有效? –

回答

0

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

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; 

滚动是默认的,可以忽略..

1

你缺少一个“/ “在图片网址中。

更改http:/appimages/background.gifhttp://appimages/background.gif它应该工作。

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