爲什麼不顯示此圖像？

我做了一個標題圖片，但由於某種原因，我無法讓它出現在CSS中。爲什麼不顯示此圖像？

以下是截圖： enter image description here

的標題是相同的圖像目錄中的index.html文件。背景圖片正在顯示，但不是此標題。我在HTML中以HTML格式輸入了兩次頭文件，在兩個不同的位置進行測試，看看它是否正常工作，但由於某種原因它沒有顯示出來，我不明白爲什麼。

謝謝。

#header { 
     background-image:url('../emailheader.png'); 
     width:100%; 
     height:100%; 
     background-repeat:no-repeat; 

} 

<div id="header"></div>

這是一個example它。但我不確定它爲什麼不起作用。

來源

2012-06-28 king

可能不是問題，但你有兩個具有相同ID的元素。 ID必須是唯一的。 – JJJ

此外，請將代碼作爲文本發佈，而不是圖像。 – JJJ

圖像在哪裏？ 'emailheader.png' –

DEMO

您需要提供高度否則將依賴於內部內容的高度，這

#header { 
      background-image:url('http://i.imgur.com/ncTiy.png'); 
      width:100%; 
      background-repeat:no-repeat; 
      height:200px; 
    }

來源

2012-06-28 06:57:33 Rab

謝謝。爲什麼高度100％沒有工作？ – king

選擇你的答案，因爲你先回答，謝謝 – king

在seing代碼的截圖。我發現了兩個問題。

有NO樣式附着在首位
header用於識別兩個不同的元件。（另外，通過Blaster提及）

然而，主要的原因爲什麼它沒有顯示在tinkerbin起來，是因爲div既不包含任何元素，也不具有固定的尺寸。檢查this更新您的垃圾箱。

來源

2012-06-28 06:58:51 Starx

是的，有一個樣式表。看看http://tinkerbin.com/gjdynAaX，它只顯示一個ID標頭 – king

你最好檢查一下誰是downvoting你，因爲我沒有這麼做 – king

我沒有足夠的信譽去做 – king

由於div中沒有內容，所以它的高度爲零，所以你什麼都看不到。將一些內容添加到div或將height或min-height添加到CSS。

height:100%不起作用，因爲它將元素的高度設置爲與其父元素的高度相同，並且父元素的高度未設置（#container）。

請參閱http://tinkerbin.com/QDAEuDUA。

來源

2012-06-28 06:59:21 JJJ

+1 - 唯一注意問題的人 –

感謝您的幫助。另一個人先回答，所以我選擇了他的公平，但再次感謝你的關注 – king

這是因爲你正在使用100％的高度和100％的寬度。只需將其更改爲px值即可。

來源

2012-06-28 07:03:46 WolvDev

#header { 
    background-image:url('../emailheader.png'); 
    width:100%; 
    height:100%; 
    background-repeat:no-repeat;

}

html{height:100%;} 

body{height:100%;}

可不在div＃頭的內容合作或把一些內容到div或使用最小高度，它會工作。

thankyou

來源

2012-06-28 07:09:30 impritam

爲什麼不顯示此圖像？

回答

相關問題