asp.net 主页 css 不适用于 asp 表单页面

Question

我是 asp.net 编程的新手，遇到了这个不寻常的错误。我有一个名为 Master.Master 的母版页，其中包含以下用于指定 CSS 文件的代码。

<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>

    <asp:ContentPlaceHolder ID="Stylesheets" runat="server">
        <link rel="stylesheet" href="~/Styles/StyleSheet.css" type="text/css" />
    </asp:ContentPlaceHolder>
</head>

请注意，对于母版页，CSS 可以完美无误地工作，此后我创建了一个默认的 asp 网络表单，它从 Master.Master 页面获取所有内容。但是，此页面根本不显示 CSS，这是该页面代码。

<%@ Page Title="Home" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="GarageManager.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="stylesheets" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

通过研究这个问题，这里的许多用户甚至建议使用脚本语言来解决 URL 这样的问题，但无济于事。

<a runat="server" href="<%= this.ResolveUrl(~/Styles/StyleSheet.css) %>" onmouseover="document.Home_Img.src='<%= this.ResolveUrl("Images/home_2.png") %>'"
        onmouseout="document.Home_Img.src='<%= this.ResolveUrl("Images/home.png") %>'">
        <img alt="" src="Images/home.png" name="Home_Img" runat="server" />
    </a>

提前致谢

Answer 1

只需删除头部和样式表 ContentPlaceHolders 并在您的 Master.Master 文件中执行此操作：

<head>
    <link rel="stylesheet" href="~/Styles/StyleSheet.css" type="text/css" />
</head>

asp.net 主页 css 不适用于 asp 表单页面

asp.net master page css not applying to asp form pages

html

css

c#

asp.net

master-pages