翻轉圖像不在瀏覽器中顯示

Question

我一直在建設一個網站。我剛剛在本地進行了測試，並且所有內容都按照原樣進行了測試，但是當我在線測試時，某些圖像未加載。

圖像不僅是圖像，但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

您的background-image房產在url和(之間應該沒有空間。刪除的空間和設置：

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

工作對我很好。