0

在基于现有网站的新创建网站上,@import 未定位 CSS 文件。我只是试图为一个简单的 Hello World 提取 CSS 文件,以确保第一步正常运行。

HTML 标题代码:

<head id="Head1" runat="server">
    <title>Company Name - Hello World</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <style media="all" type="text/css">
        @import '<%# ResolveUrl("~/layout/HelloWorld.css")%>';
    </style>

</head>

使用 Chrome,开发者工具会显示以下内容:

<html>
<head id="Head1"><title>
    Company Name - Hello World
</title><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <style media="all" type="text/css">
        @import '';
    </style>

</head>

该站点的文件夹结构包含以下内容:

  • HelloWorld -> 根
  • -- 布局(文件夹)
  • -- 页面(文件夹)
  • 索引.aspx

  • 该代码是从正常运行的 ASP 站点中剪切和粘贴的。
  • 在 Sources 选项下的开发人员工具中,没有显示文件夹路径。
  • 已验证 CSS 文件存在于布局文件夹中。
  • 网页显示,但没有 CSS 格式。
  • 显示简单的单行网页时不会生成错误消息。

我对工作中的 ASP 站点和 Hello World 站点的 IIS 设置进行了并排比较,但没有发现差异。我不知道为什么 @import 显示为空字符串。

非常感谢有关如何解决此问题的任何智慧。

4

1 回答 1

1

它应该是:

<link rel="stylesheet" type="text/css" href="~/layout/HelloWorld.css" />

于 2018-06-13T22:18:00.587 回答