Question

这是我的项目目录

style.css

在内容和

下

image.jpg

在图像下

Login.aspx页面是默认页面。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="LoginDemo.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <link href="~/Content/style.css" rel="stylesheet" type="text/css" media="screen" runat="server" />

    <title>LOGIN</title>

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

这是CSS

*{
    margin:0px;
    padding:0px;
}

body{
    background-image:url(Images/image.jpg);
    background-size:cover;
    background-attachment:fixed;
    font-family:Times New Roman ;
}

页面已成功加载，但未加载背景图像。请帮我。我阅读了不同的文章，并按照建议的解决方案执行了相同的步骤，但仍然存在问题。

Answer 1

图像不在“内容”文件夹中。因此在CSS中，您应该返回一个文件夹：

  background-image:url(../Images/image.jpg);

在路径中的图像文件夹前注意../

Answer 2

在图像路径的前后加上单引号，并使用（..）引用目录，因此，使用以下几行来更正您的CSS代码：

*{
    margin:0px;
    padding:0px;
}

body{
    background-image:url('../Images/image.jpg');
    background-size:cover;
    background-attachment:fixed;
    font-family:Times New Roman ;
}

，您的网页位置在哪里？它在目录中吗？

Answer 3

在style.css文件中创建错误，编译器未侦听该文件。清洁解决方案，然后再次重建。当然可以。

页面正在加载而不呈现style.css

3 个答案: