CSS背景圖像沒有顯示

我想使用CSS設置背景圖像，但我似乎無法讓圖像正確填充。CSS背景圖像沒有顯示

這裏是我想要做的

a.fb { 
    background-image: url('img/Facebook.png'); 
} 

a.fb:hover { 
    background-image: url('img/FacebookHover.png'); 
}

這裏是什麼，我使用的HTML代碼的CSS，我已經嘗試了幾種不同的方法，沒有運氣

<div class="footer"> 
    <a class="fb" href="http://www.facebook.com" target="_blank"></a> 
</div>

填充圖像

任何幫助，將不勝感激

好吧增加了以下，但仍不能去任何其他的想法

a.fb { 
    display:block; 
    width: 33px; 
    height: 33px 
    background-image: url('img/Facebook.png'); 
}

編輯：是的得到了它現在的工作忘了;身高後，但沒有我得到一個白色的邊框，並嘗試設置邊框：無;沒有運氣

a.fb { 
    border: none; 
    display:block; 
    width: 33px; 
    height: 33px; 
    background-image: url('img/Facebook.png'); 
}

來源

2013-06-28 ondrovic

這些圖像的路徑是否正確 – Abubakkar

可能是幾件事情。圖片的路徑可能是錯誤的。你用開發工具檢查過嗎？此外，您的鏈接沒有內容，所以除非您使用未在此處發佈的CSS來設計它，否則它基本上是空的。 – j08691

@Abu是基於我建立 – ondrovic

你可以也徹底改變了形式給出，並用html +鼠標懸停及移出事件：

<div class="footer"> 
    <a class="fb" href="http://www.facebook.com" target="_blank"> 
     <img src="http://www.facebook.com/images/fb_icon_325x325.png" alt="fb" name="fb" width="33px" height="33px" name="image_name" onmouseover="fb.src='http://goo.gl/cxiR7'; fb.width='38'; fb.height='38';" onmouseout="fb.src='http://www.facebook.com/images/fb_icon_325x325.png'; fb.width='33'; fb.height='33';" /> 
    </a> 
</div>

這裏是一個jsBin：http://jsbin.com/onehuw/1/edit

來源

2013-06-28 18:30:02 Gimmy

好的謝謝你將使用:-) – ondrovic

的錨標記默認顯示爲一個內聯元素，所以爲了得到一個高度和寬度取決於它的內容。要做你想做的，你應該添加一些樣式：display:block; width: 20px; height: 20px。

來源

2013-06-28 17:24:33 Aguardientico

+1提它是一個內聯元素。 – Sumurai8

background-image只吸入該元素佔據的空間。您的a標記沒有內容，因此它的寬度爲0.您將不會看到任何內容（和背景），除非您至少給它一些寬度（如果需要，則爲高度）。

來源

2013-06-28 17:25:30 Sumurai8

-3

您需要填充添加到<a>標籤，否則它有例如寬度和高度爲0：

a.fb { 
    padding: 20px; 
    background-image: url('img/Facebook.png'); 
} 

a.fb:hover { 
    background-image: url('img/FacebookHover.png'); 
}

你也可以只設置錨的寬度和高度

來源

2013-06-28 17:27:51 Hive7

對不起Hive7但這是不正確，使用填充將添加的元素和相同元素的內容之間的一些空間 – Aguardientico

不，它擴展了''的 – Hive7

寬度請給看看指向：http：//www.w3schools .com/css/css_padding.asp – Aguardientico

CSS背景圖像沒有顯示

回答

相關問題