CSS背景圖像屬性不起作用

-2

我想添加一個圖像在身體背景，但它什麼也沒有顯示。這裏是我的CSS代碼。CSS背景圖像屬性不起作用

body{ 
    background-image: url("/images/bg.jpg"); 
    background-repeat: no-repeat; 
}

我也將該文件夾更改爲bg.jpg，但沒有任何結果。 TIA

來源

2017-10-28 Arman

你在這裏使用絕對路徑，您可能需要使用相對的。這就是說，我們沒有足夠的信息來幫助你。 – user184994

使用'background：url（「../ images/bg.jpg」）;'..如果它沒有用，只是提供文件夾結構... – Jana

感謝bro現在的工作.i現在瞭解問題是什麼。我的css文件不在根目錄中，因此我面臨這個問題。 – Arman

這裏背景設置，請檢查您的圖片路徑或位置，

body { 
 
    background-image: url("https://docs.angularjs.org/img/angularjs-for-header-only.svg"); 
 
    background-repeat: no-repeat; 
 
}

<html> 
 
<head> 
 
</head> 
 
<body> 
 
<p> Hai </p> 
 
</body> 
 
</html>

來源

2017-10-28 10:39:27

上面的鏈接工作，但是當我使用文件夾它不工作。 – Arman

-1

更改代碼如下：

body{ 
    background-image: url("\images/bg.jpg"); 
    background-repeat: no-repeat; 
}

來源

2017-10-28 10:40:06

不工作bro @Farhad – Arman

也可以使用這個：url（「../ images/bg.jpg」） –

background-image：url（「\ UserLogin/images/bg.jpg」）; –

在你的代碼中，有是URL中的問題。也許你沒有給出準確的路徑，你通過CSS傳遞圖像所以，你必須從一個文件夾中取回例如：background-image: url("../images/bg.jpg"); ./懷疑1個文件夾後退和../兩個文件夾後退。這一切都基於您的目錄結構根據您的要求適用。

來源

2017-10-28 10:51:03

這是我的目錄D：\ xampp \ htdocs \ UserLogin \ images – Arman

background-image：url（「\ UserLogin/images/bg.jpg」）; –

哪裏是html只告訴我目錄結構html，css，圖像 –

-1

我相信這會解決你的問題，一旦你的形象的網址路徑是正確的。使用下面的解決方案;不要將url路徑包裝在' '中。

body { 
 
     background-image: url(../images/bg.jpg); 
 
     background-size: cover; 
 
     background-position:center; 
 
     height: 100vh; 
 
    }

來源

2017-10-28 11:10:44

CSS背景圖像屬性不起作用

回答

相關問題