無法設置背景圖片

-1

我在一個項目上工作，並試圖添加背景img。 img工作，我可以讓它顯示在img src =「」中。但是當我試圖將它作爲背景圖片添加它不起作用。如果有人能幫助我，我會很高興！無法設置背景圖片

html { 


    body{ 
     background: url("images/background.png"); 

    } 

    header { 
     @include linear(); 

    } 

    nav { 
     text-align: center; 
    } 

    ul { 
     padding-top: 200px; 

    } 

    li { 
     display: inline-block; 
     padding-right: 70px; 
    } 

    a { 
     text-decoration: none; 
     color: black; 
     font-size: 20px; 
     transition: all 1s ease; 
     font-family: 'Elegant Lux'; 
     &:hover { 
      color: gray; 

     } 
    } 

}

來源

2015-01-15 Fredrik_Swe

相對於css文件的位置，圖像url是否正確？例如。如果CSS在/ css /那麼你應該有../images/background.png來代替？ – 2015-01-15 15:45:13

顯然應該輸入回答而不是評論，因爲它看起來是正確的！ :) – 2015-01-15 16:21:29

它看起來像你有一個CSS塊左右你的CSS其餘包裹 - html的一個特別：

HTML {// 所有你的CSS是在這裏 }

製作確定它是這樣分開的：

html{ 

} 

body{ 
    background: url("images/background.png"); 

} 

header { 
    @include linear(); 

} 

nav { 
    text-align: center; 
} 

ul { 
    padding-top: 200px; 

} 

li { 
    display: inline-block; 
    padding-right: 70px; 
} 

a { 
    text-decoration: none; 
    color: black; 
    font-size: 20px; 
    transition: all 1s ease; 
    font-family: 'Elegant Lux'; 
    &:hover { 
     color: gray; 

    } 
}

此外，請確保您的圖像路徑是正確的。這對於css文件是很實用的，所以你可能需要用「..」來跳轉一個目錄。像這樣：

body{ 
    background: url("../images/background.png"); 
}

來源

2015-01-15 15:48:22 Rupert

嘿，我明白你的意思了。事情是，我正在使用Sass，所以我正在包裝。那是什麼讓它看起來有點奇怪。事情是，我有點新鮮，所以它可能是一個問題。 – 2015-01-15 15:56:20

哦，對，那可能是他們的路徑問題。你有沒有檢查sass的輸出到CSS？它看起來好嗎？ – Rupert 2015-01-15 15:57:58

那麼，如果我在IMG使用它src =「images/background.png」它的作品。所以我依然不知道它是什麼... – 2015-01-15 16:02:09

無法設置背景圖片

回答

相關問題