2017-04-09 170 views
-1

我是web開發新手,我想爲我的背景顯示圖片。唯一的問題是我的圖片不會顯示,請您幫我。下面是我的代碼在css中添加背景圖片

<style type="text/css"> 
.bgimg { 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-image: url("worldtravlerissue1.jpg"); 
    min-height: 90%; 


} 
</style> 
+4

什麼類型的元素是'.bgimg'? –

+2

你可以添加代碼片段嗎? – Harsheet

+1

您提供的信息不足以提供幫助。不過,我會爲你推薦兩件事。 1.確保您在代碼中正確調用了名爲bgimg的類。沒有錯別字等 2.確保url文件路徑正確。 –

回答

1

1)確認div有一個具體的寬度和高度,如果你使用%確保圖像的div裏面另一個與CSS 2的高度和寬度聲明)要確保您已經聲明瞭正確的類 3)確認的圖像網址是正確的,你就到達了正確的道路

.img{ 
 
    width:400px; 
 
    height:300px; 
 
    background-image: url(https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/RGRIEDX4IU.jpg); 
 
    background-size:cover; 
 
}
<div class="img"> 
 
</div>

+0

你能改進你的代碼格式嗎?一團糟 –

-1

你的圖像無法顯示的,因爲無論你有e錯誤的名稱,錯誤的擴展名,因爲它假設它爲.jpg而不是.png或。 jpeg它與您的HTML文件不在同一目錄中。確保它們位於a.k.a Desktop的相同文件夾或目錄中。

如果您的桌面上的HTML文件,圖片是在不同的文件夾,你必須做

background-image: url("NAMEOFFOLDER/worldtravlerissue1.jpg"); 

希望這有助於。