我一直在建立一个网站。我刚刚在本地进行了测试,一切正常,但是当我在线测试时,有些图像没有加载。
这些图像不仅是图像,而且是 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/(单击左上角图片,以解决问题)。