Question

当我把它放在main.css文件中时，为什么这个CSS代码不起作用的任何想法？我正在尝试制作全屏背景。

DateTime dt = new DateTime(DateTimeZone.UTC);

Answer 1

您的<link>似乎没有错。检查文件是否确实存在以及html页面是否与CSS文件夹位于同一目录中。否则文件路径错误。

如果图像没有显示，可能是因为它与.css的路径不同，所以你也应该更改链接。

假设您的图片是css文件中的一个文件夹。然后你应该将网址更改为：

url("../nuotraukos/bg.png");

使用div设置背景也不是一个好习惯，因此不要使用div来设置背景，而是将背景设置为<body>并拉伸它。

body {
   background-image: url("http://images.alphacoders.com/538/53823.jpg");
   background-size:cover;
}

<head>

</head>
<body>


</body>

Answer 2

如果在将main.css放在CSS文件夹中时更改路径，可能会有帮助吗？

background-image: url("../nuotraukos/bg.png");

Answer 3

<!DOCTYPE html>
<html lang=en>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width intial-scale=1.0"/>
    <meta https-equiv="X-UA-Compatible" content="ie-edge"/>
    <title>First Website</title>
    <link rel="style-sheet" href="css/reset.css"
    <link rel="style-sheet" href="css/main.css"
</head>
<body>
<div id="Home">
    <div class="box"></div>
    <div class="background-image">
        <div class="content-area">
            <div class="user-image">
                <div class="circle">
                </div>
            </div>
        </div>
</body>
</html>

HTML和main.css中的CSS代码

3 个答案: