为什么我的背景图片不能显示在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中？

回答

相关问题