母版页图片未显示在内容页上

Question

我的母版页上有这样的图像：

<img src="../Images/logo.jpg" />

母版页位于Root/MasterPages/masterpage.master

现在，此图像显示在Root/SomeDir/ContentPage.aspx的内容页面中，但不适用于Root/SomeDir1/SomeDir2/ContentPage.aspx的内容页面。 为什么？

母版页HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        #div_Main
        {
            height: 825px;
            width: 1022px;
            top: 16px;
            left: 77px;
            position: absolute;
            margin-left: 14px;
        }
        #div_LeftPanel
        {
            width: 299px;
            top: 179px;
            left: 2px;
            position: absolute;
            height: 641px;
            background-color: #7E8387;
        }
        #div_Content
        {
            width: 716px;
            top: 180px;
            left: 303px;
            position: absolute;
            height: 638px;
        }
        #div_Header
        {
            top: 0px;
            left: 0px;
            position: absolute;
            height: 176px;
            width: 1022px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div_Main">
      <div id="div_Header">
          <img src="../Images/logo.jpg" />
      </div>
      <div id="div_Content">
        <asp:ContentPlaceHolder ID="cph_WorkingArea" runat="server">

        </asp:ContentPlaceHolder>
      </div>


      <div id="div_LeftPanel">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <br />
          <br />
          <br />
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:LinkButton 
              ID="lnkbtn_JObAspirantsList" runat="server" 
              style="color: #CFCFF3; font-size: xx-large" 
              onclick="lnkbtn_JObAspirantsList_Click">Job Aspirants List</asp:LinkButton>
          <br />
          <br />
          <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <br />
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <asp:LinkButton ID="lnkbtn_ERFList" runat="server" 
              style="color: #CFCFF3; font-size: xx-large" onclick="lnkbtn_ERFList_Click">ERF List</asp:LinkButton>
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <asp:LinkButton ID="lnkbtn_InterviewFeedbackList" runat="server" 
              style="color: #CFCFF3; font-size: xx-large" 
              onclick="lnkbtn_InterviewFeedbackList_Click">Interview FeedbackList</asp:LinkButton>
          <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:LinkButton ID="lnkbtn_NewEmployeeList" runat="server" 
              style="color: #CFCFF3; font-size: xx-large" 
              onclick="lnkbtn_NewEmployeeList_Click">New Employees List</asp:LinkButton>
            <br />
          <br />
          <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <asp:LinkButton ID="LinkButton1" runat="server" style="color: #CFCFF3; font-size: xx-large"  onclick="LinkButton1_Click">LogOut</asp:LinkButton>
          <br />
          <br />
&nbsp;&nbsp;
            </div>
     </div>
    </form>
</body>
</html>

内容页面HTML

<%@ Page Language="C#" MasterPageFile="~/MasterPages/HRMaster.Master" AutoEventWireup="true" CodeBehind="ERF.aspx.cs" Inherits="StarTechnologies.ERF" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cph_WorkingArea" runat="server">


    <p>
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:GridView ID="GridView1" runat="server" Height="212px" 
            onselectedindexchanged="GridView1_SelectedIndexChanged" Width="434px">
        </asp:GridView>
    </p>
    <br />


</asp:Content>

Answer 1

RPM1984几乎是正确的。 您应使用~指示相对于应用程序根目录的路径。 但是，您应该将其转换为浏览器可以理解的路径。 如果您使用的是ASP.NET控件（例如图像），则会自动完成。 如果您使用的是HTML标签（没有runat="server" ），则必须使用Page.ResolveClientUrl（）手动转换路径。

例如：

<img src="<%= ResolveClientUrl( "~/Images/logo.jpg" ) %>"/>

但是，在这种情况下，最好使用Image控件：

<asp:Image runat="server" ImageUrl="~/Images/logo.jpg"/>

Answer 2

尽量不要使用相对路径。

使用绝对值：

<img src="~/Images/logo.jpg" />

假设“图像”是Web应用程序根目录下的文件夹。

关于母版页，要记住的一点是，它们在某种程度上确实是语法糖 （类似于部分类），也就是说，当您将图像放入母版页中时，.NET CLR将使用母版信息创建内容页-因此图像参考将保持不变 。

这是从主不../Images，其../Images从它放在内容。

换句话说，对于客户端而言 ，只有一个页面（ASPX-内容页面），这不像已经创建了一个神奇的父页面来保存URL引用。

高温超导

Answer 3

我有同样的问题。

我的母版页内容未显示，但Web窗体内容显示。 发生的情况是内容页面覆盖了母版页的内容。

我解决了它，在母版页中用ID =“ Example”创建了一个新的ContentPlaceHolder。

然后在Web窗体中，将ContentPlaceholderID =“ OlderID”更改为ContentPlacerHolderID =“ Example” 。

母版页图片未显示在内容页上

问题描述

3 个解决方案

解决方案1
9 已采纳 2010-09-22 06:19:08

解决方案2
2 2010-09-22 04:44:15

解决方案3
0 2018-02-15 03:27:49

母版页图片未显示在内容页上

问题描述

3 个解决方案

解决方案1 9 已采纳 2010-09-22 06:19:08

解决方案2 2 2010-09-22 04:44:15

解决方案3 0 2018-02-15 03:27:49

解决方案1
9 已采纳 2010-09-22 06:19:08

解决方案2
2 2010-09-22 04:44:15

解决方案3
0 2018-02-15 03:27:49