2016-03-20 98 views
1

請幫助我。我不明白爲什麼我的背景圖片的CSS代碼不起作用。背景圖片爲<a>標籤

.fb { 
 
    margin-bottom: 10px; 
 
    width: 160px; 
 
    height:160px; 
 
    display:block; 
 
    background:transparent url('/images/social%20icons/normal/fb.png') center top no-repeat; 
 
} 
 

 
.fb:hover { 
 
    background-image: url('/images/social%20icons/hover/fb.png'); 
 
}
<a href="#" class="fb"></a>
enter image description here

+0

嘗試'../圖像/社交%20icons /正常/ fb.png' – Aziz

+0

而且也是一個點:'./images/社交%20icons /正常/ fb.png'。一個點,如果你的圖像位於同一目錄;如果位於上部目錄中,則爲兩個點。並嘗試刪除斜槓 –

回答

1

這工作:../images/social%20icons/normal/fb.png