爲什麼不會在CSS中顯示背景圖像？

我有一個標題，我試圖通過圖像文件應用背景紋理。 html，css和圖像文件都在同一個目錄中。這是HTML：爲什麼不會在CSS中顯示背景圖像？

<body> 
<div id=header> 
    <div id=picture> 
    <img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/> 
    </div> 
    <div id=caption> 
    <h1>BannerText</h1> 
    </div> 
</div> 
</body>

，這是外部樣式表代碼：

#header 
{ 
    background= url('texture.png'); 
    width:98%; 
}

的紋理圖像不會出現。如果我使用它與原始身體標記的背景屬性，即，

<body background="texture.png">

確實有效。這告訴我這不是一個URL的問題，並且所有三個文件都在同一個文件夾中，所以相對路徑在html和css文件中都是相同的。爲什麼紋理圖像不會顯示爲標題div的背景？

來源

2013-07-01 James

首先，雖然這可能是一個錯字，但在您的頂部部分應該是' redditor

是與您的目錄相同的外部工作表頁？因爲你沒有指定一個目錄 - 文件'texture.png'將從你的樣式表所在的目錄中被取出 - 也就是假的說的。 – VictorKilo

這是background: url('texture.png');，而不是background= url('texture.png');。

而且

<img src="picture.jpeg" alt="Profile" align="right" width="180" height="180"/>

不

<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>

而且最好是用引號括屬性值。右鍵 - <div id="picture">，

壞 - <div id=picture>

來源

2013-07-01 23:56:55

另外，確保根路徑對圖像資源是正確的。 –

@網友，是的，使用Chrome的開發者工具（或其他瀏覽器中的工具）很酷（也），並查看控制檯。它給你404錯誤，如果沒有找到或正確加載外部文件（圖像，CSS，JS）。 –

你應該改變<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>到<img=src=picture.jpeg alt="Profile" align="right" width="180" height="180"/>，並在你的CSS應該是{background: url('urimageurl.jpg');。確保路徑/路由（例如，http://yourcsspath.come/css/it.css不會與../yourimg.png相對應，因爲它不是路由域的路徑！）。謝謝

來源

2013-07-02 00:11:26

爲什麼不會在CSS中顯示背景圖像？

回答

相關問題