css - 滚动图像未在浏览器中显示

Question

我一直在 build 一个网站。我刚刚在本地测试它，一切正常，但当我在线测试它时，一些图像没有加载。

图片不仅是图片，还有css翻转链接，一共有10张，都是同样的问题。

这是CSS代码:

.art-links{
width:150px;
height:150px;
display:block;
}
.art-links:hover{
background-position:left 150px;
}

#art1{
margin: -300px 0 0 -300px;
background-image:url

('https://dl.dropbox.com/u/70582811/Website/Artwork/Buttons/art1.jpg');
}

这是 HTML 代码:

<a href="#art1" onclick="toggle_on('art1_big'); toggle_on('artbg'); toggle_on('back_off'); 
toggle_on('next1'); toggle_on('prev1'); toggle_off('artwork')">
<div class="centre art-links" id="art1">
</div>
</a>

那只是其中一张图片的代码。

图像不会在 Chrome、Firefox 或 IE 中显示。在 Chrome 和 Firefox 中，按钮仍然存在并且可以使用，但图像不在了。然而在 IE 中什么也没有。

您可以在此处查看问题:http://testerwebby.tumblr.com/ (单击左上角的图片，找到问题所在)。

Answer 1

url 和 ( 之间的 background-image 属性中不应有空格。删除空格并设置:

background-image: url('https://dl.dropbox.com/u/70582811/Website/Artwork/Buttons/art2.jpg');

对我来说效果很好。