爲什麼我的背景圖片不能顯示在CSS中？

-1

這是我第一次在這裏發佈，我是新來的CSS。我試圖得到尺寸爲32 x 16的馬里奧精靈。當我打開html文件時，什麼都沒有出現。我嘗試檢查html元素，但我無法看到div。爲什麼我的背景圖片不能顯示在CSS中？

CSS

#stillMario { 
 
    width: 16px; 
 
    height: 32px; 
 
    margin: auto; 
 
    background-image: url("sprites/still.png"); 
 
    position:absolute; 
 
    left: 0px; 
 
    top: 0px; 
 
    bottom:0px; 
 
}

HTML

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Super Mario</title> 
 
     <link href="style.css" rel="stylesheet" type="text/css"/> 
 
    </head> 
 
    
 
    <body> 
 
     <div id="stillMario"></div> 
 
     
 
     <script src="myjs.js"></script> 
 
    </body> 
 
</html>

來源

2017-11-17 Lance M

檢查您的控制檯，看看是否有任何錯誤（404，等等）。現在刪除絕對，左，頂部和底部的CSS。 – Phix

使用<img>元素，而不是設置backg一輪的<div>。
例子：<img src=""sprites/still.png"" alt="Mario" height="32" width="16">

來源

2017-11-17 23:29:37 sudoman281

如果您確定該文件夾「精靈」是你的項目的根目錄，然後嘗試用它的前綴「../」，然後在沒有絕對定位先試。如果它工作，然後再次返回定位如下;

#stillMario { 
    width: 16px; 
    height: 32px; 
    margin: auto; 
    background-image: url("../sprites/still.png"); 
    //position:absolute; 
    //left: 0px; 
    //top: 0px; 
    //bottom:0px; 
}

讓我知道，如果它

來源

2017-11-17 23:34:00

爲什麼我的背景圖片不能顯示在CSS中？

回答

相關問題