css-background-image 不起作用

我已经在CSS中使用了100多次这个特定的规则，但由于某种原因它不起作用。
我使用 CSS 来定义背景div 的背景。div 正在工作，因为如果我更改background-color它就可以工作。有人可以帮我难倒吗？

html
<html>
    <head>
        <title>Paint</title>
        <link rel="stylesheet" type="text/css" href="Css/Css.css">
    </head>
    <body>
        <script type="text/javascript" src="Js/Js.js"></script>
        <div id="Background">
        <div id="Wrapper">
       <canvas id="Canvas">
       </canvas>       
        </div>
        </div>
    </body>
</html>

.CSS

#Background
{
        background-color:#ffffff;
        background-image:url('Images/Background/Anfield.png');
    height:1000px;
    z-index: -1;
    width: auto;
}

文件路径为图像/背景/安菲尔德.png

如果您的 CSS 文件在 Css/Css.css 中，那么您首先需要转到一个文件夹。所以结果如下：

#Background
{
     background-image:url('../Images/Background/Anfield.png');
}

相关内容

最新更新

热门标签：