Body Background Image不顯示CSS，僅以HTML格式顯示

Question

我有一個非常奇怪的問題。 我曾嘗試使用CSS設置身體的背景，但它不允許我。 當我在標簽中使用簡單的HTML標簽時

<body background="images/bg.jpg">

它的工作！ 但是當我在CSS中使用它時：

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

它不顯示BG圖像。

一切都是正確的，如果我檢查文件夾，一切都在它的位置。 我在Chrome和Mozilla中試過這個，但它們都沒有用。

有什么建議？

Answer 1

如果您的CSS是內聯的：

<style>
    body { background-image: url('images/bg.jpg'); }
</style>

如果您正在使用文件，請說css/main.css ：

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

或者，您可以使用絕對路徑：

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

此示例要求image目錄位於根Web目錄中。

Answer 2

嘗試url("./images/bg.jpg")或url("/images/bg.jpg") 。

Answer 3

我在這里遇到了同樣的麻煩。 我以為我嘗試了一切，但......還有一件事。

首先，我的css路徑如下：

assets/css/custom/main.css

我的圖片文件夾如下：

assets/img/bodyBackround.jpg

為了使用css在頁面上顯示我的背景，我必須返回2個文件夾。 我的頁面示例：

body{
  background: url(../../img/bodyBackround.jpg) repeat;
}

其中../../表示返回2個文件夾。 希望這可以幫助。