除非我使用加載圖片，否則背景圖片不會在CSS中顯示 <img> HTML中的標簽

Question

我非常困惑為什么我的代碼無法正確顯示圖像。 這是我的代碼：

<style type = "text/css">

#pic {

background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat;


</style>

<div id = "pic"> <p>

</p> </div> 

圖像中只有一小部分與文本一起顯示...我很困惑為什么會這樣。 我可以顯示整個圖像的唯一方法是在圖像周圍添加近170px的填充。 有人請幫忙！

謝謝。

Answer 1

1. 您需要在</style>之前加上大括號
2. #pic的寬度和高度為零，因此不會顯示背景。 要么將內容放在div中，要么設置寬度和高度。

在這里檢查是否正常工作： http : //jsfiddle.net/UzcDM/1/

Answer 2

您需要為div指定寬度和高度。

另外，請確保關閉CSS：

#pic {
   background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat;
   width: 200px;
   height: 300px;
}

Answer 3

將Height和width放在您的CSS類中。

請在這里查看演示

Answer 4

正確設置該路徑，例如../../Images/logo/google.png，

嘗試添加位置：絕對；

它可能只是在某些元素后面