母版页徽标未显示在子文件夹内的新 Web 表单上答案

【问题标题】：master page logo not displaying on new web form within subfolder母版页徽标未显示在子文件夹内的新 Web 表单上
【发布时间】：2020-10-05 14:27:16
【问题描述】：

我是母版页的新手，如果这是一个愚蠢的问题，请多多包涵。我有一个母版页，在菜单栏的顶部有公司徽标图像。我创建了一个带有母版页的新 Web 表单。创建新页面后，我将其移至名为 berkeley_heights 的子文件夹中。当我在 chrome 中查看页面时，它会显示菜单栏，但不会显示菜单栏上方的徽标图像。我该如何解决这个问题。

显示子文件夹位置的解决方案资源管理器屏幕截图：Solution Explorer

显示没有徽标图像的新 Web 表单的屏幕截图：image error

母版页：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="OnCallWeb.MasterPage" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Union County Dispatch Website</title>
    <link rel="stylesheet" href="MenuStyle.css" />
    <style>
        body {
            background-color:gainsboro;
            background-size:cover;
            background-attachment:fixed;
        }

    </style>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <nav>
                <div><img src="img/WebsiteLogo3Transparent.png" /></div>
                <label class="toggle" for="drop">Menu</label>
                <input type="checkbox" id="drop" />

                <ul class="menu">
                    <li><a href="#">Main Menu</a>
                        <ul>
                            <li><a href="#">911 Calltaking Polices</a>
                                <ul>
                                    <li><li>
                                    <li><a href="#">County Police</a></li>

带有母版页的新 Web 表单 ("bh_main_page.aspx)

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="bh_main_page.aspx.cs" Inherits="OnCallWeb.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <style type="text/css">
    .auto-style1 {
        text-align: center;
    }
    .auto-style2 {
        text-align: center;
        font-size: large;
    }
    .auto-style3 {
        font-size: x-large;
        color: #006666;
    }
</style>
    <div style="font-family: Arial, Helvetica, sans-serif">

【问题讨论】：

标签： webforms master-pages

【解决方案1】：

可能是相对路径问题吗？即您的徽标的 src 是 "img/WebsiteLogo3Transparent.png" - 这将显示在主页上。例如www.site.com/img/WebsiteLogo3Transparent.png

一旦调用MasterPage 的页面位于子文件夹中，浏览器就会期望该子文件夹中有一个名为“img”的文件夹。例如www.site.com/subfolder/img/WebsiteLogo3Transparent.png

通过将域添加到源或将图像标签更改为来测试这一点

<img src="~/img/WebsiteLogo3Transparent.png" runat="server" />"

【讨论】：

添加 " 到母版页，谢谢！
太棒了！你介意接受我@WGraulich 的回答吗？