背景圖片不顯示

我正在爲我的網站開發一個子頁面。我有一個導航欄和頁腳。我只是想像這樣在導航欄後添加背景圖片。背景圖片不顯示

我試過..

<div class="seo-content"></div> 

.seo-content{ 
    background: url("/images/ss.jpg"); 
    background-size: cover; 
}

但預期它不工作。

現在它顯示像這樣..

如果我添加height屬性，它顯示出來。但我需要在屏幕上繪製實際的圖像大小。這就是爲什麼我使用背景大小：封面;

我的代碼有什麼問題？

來源

2016-06-26 Janath

'網址（圖像/ ss.jpg）'或'URL（../圖像/ ss.jpg）'但最終它取決於你的文件結構。 – Scott

我試過了，看起來這不是一個圖像路徑問題。 – Janath

@Cssy，提供該div的寬度和高度，以查看背景圖片-http：//codepen.io/nagasai/pen/aZpjvo –

使用下面的代碼：

.seo-content { 
    background: url("w3schools.com/css/bgdesert.jpg"); 
    background-size: cover; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 0; 
}

來源

2016-06-26 04:28:35

不工作.... – Janath

@CssSY它不應該。這個答案是完全錯誤的。它和你的代碼有相同的效果。 – Li357

您是否在控制檯日誌中看到任何錯誤？ –

是div可能是浮動的div容器的孩子呢？如果它是浮動div或封閉元素的子元素，它將具有零高度，因此不會顯示圖像。

嘗試檢查元素獲得更多的細節？

來源

2016-06-26 04:28:54

這是該部分的主要部分。但是，包含節元素和節的div沒有樣式。 – Janath

嘗試設置一個固定的高度：

.seo-content{ 
    background: url("/images/ss.jpg"); 
    background-size: cover; 
    height: 200px; 
}

來源

2016-06-26 05:18:34

背景圖片不顯示

回答

相關問題