页面正在加载而不渲染 style.css答案

【问题标题】：Page is loading without rendering style.css页面正在加载而不渲染 style.css
【发布时间】：2019-03-09 20:42:29
【问题描述】：

这是我的项目目录

style.css

在内容和

下

图片.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 ;
}

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

【问题讨论】：

您是否尝试过清除缓存或使用新的浏览器？
为什么是runat="server"？通常该属性意味着一些服务器端执行/处理，并且在样式表中它看起来是不必要的（有问题，因为在 IIS 中没有为 css 扩展配置处理程序）。
@Sigma 是的，我清除缓存并使用新的浏览器。 bradbury9 我读了 1 篇文章，他们建议使用 runat=server

标签： c# css asp.net webforms

【解决方案1】：

在 style.css 文件中创建错误，编译器没有监听该文件。清理解决方案并重新构建它。肯定会奏效的。

【讨论】：

【解决方案2】：

图像不在内容文件夹中。所以在你的css中，你应该返回一个文件夹：

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

注意路径中Images文件夹前的../

【讨论】：

谢谢亲爱的，现在我明白了。但是 1 个问题为什么当我使用 url(~/Images/image.jgp) 时它不起作用
@SalmanMushtaq 欢迎您。我不确定，但我认为 ~/ 在 Asp.net 而不是 css 中有意义

【解决方案3】：

在你的图片路径前后加上一个单引号，并使用 (..) 来引用目录，所以用这些行更正你的 css 代码：

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

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

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

【讨论】：

谢谢。但是我仍然很困惑为什么当我使用 url(~/Images/image.jpg) 时它不起作用，位于项目目录下的网页
@SalmanMushtaq 你的欢迎萨尔曼，我认为 css 不理解 (~) 字符，而且 css 文件位于一个子目录中，你应该去目录然后寻址你自己的图像所在的文件夹.