背景圖像不會顯示

-1

我想在我的網站的標題中有一個背景圖像，但截至目前它不會顯示。我的文件設置如下：背景圖像不會顯示

d：\ mywebsite

圖片，home.css，index.html的

圖片 rocks.jpg

我目前擁有的代碼是：

<div class="header-image" style=background-image: url("../Image/rocks.jpg")> 
</div>

編輯

CSS：

#header .header-image { 
    width: 100%; 
    height: 400px; 
    background-position: left center; 
    background-size: 100%; 
    background-repeat: no-repeat; 
}

來源

2016-02-28 im brett

你檢查了瀏覽器控制檯嗎？可能是它沒有找到圖像，錯誤必須以紅色字母出現 – wilsotobianco

您的div有寬度和高度嗎？ – varunvlalan

可能的重複http://stackoverflow.com/questions/5846637/why-an-inline-background-image-style-doesnt-work-in-chrome-10-and-internet-ex –

，如果你的目錄設置像

d：\ mywebsite \
d：\ mywebsite \ index.html在
d：\ mywebsite \圖片\

，那麼這將是你的答案

<div class="header-image" style=background-image: url("Image/rocks.jpg")> 
</div>

來源

2016-02-28 16:25:28

你style屬性應該有大約直列CSS引號，而在文件路徑..會送你回目錄（因此必須拆除），像這樣：

style = 'background-image:url("Image/rocks.jpg");'

編輯：請注意，您必須使用單引號包圍的CSS或url("Image/rocks.jpg")內的雙引號將被解釋爲關閉引號。

來源

2016-02-28 16:27:57

被加載資源：net :: ERR_FILE_NOT_FOUND –

圖像目錄與index.html位於同一位置嗎？ –

背景圖像不會顯示

回答

相關問題