Question

当网页基于母版页时，是否可以在网页上设置背景图像。请注意，它不是我想要更改的母版页的背景，而是使用母版页的页面背景。

Answer 1

您只需在实际的ASPX页面上为body {}或其他任何内容添加样式规则即可。它将覆盖主页面级别设置的任何样式。

编辑：示例：

<%@ Page Title="Example" Language="C#" MasterPageFile="~/MasterPages/Main.master" 
    AutoEventWireup="true" CodeBehind="TroubleShootScanning.aspx.cs" 
    Inherits="SpectrumTechnologies.TroubleShootingScanning" %>

<asp:Content ID="Content1" ContentPlaceHolderID="mainContent" runat="server">
    <style type='text/css'>
        body { background-image: url(images/bgimage.jpg); }
    </style>
    <!-- the rest of the page here -->
</asp:Content>

这将覆盖样式表中设置的任何值。

Answer 2

您可以将内容占位符放在标题内的母版页上。

然后在您的内容页面中，将内容控件放在可以直接包含第二个修改过的CSS样式表或STYLE块的位置。

Answer 3

我建议在主页的标题中添加<asp:ContentPlaceHolder ID="ExtraStyles" runat="server" />标记。这样您就可以将以下内容添加到您的页面中：

<asp:Content ID="ExtraStylesContent" ContentPLaceHolderId="ExtraStyles" runat="server">
  <style type="text/css">
  body {background-image:url('someotherimage.jpg');
  </style>
</asp:Content>

通过添加额外的ContentPlaceHolder，您将无法获得分散的样式标记，它们将最终位于呈现的html的head标记中。

Answer 4

还有一个额外的技巧可以添加到...（下面的第二行）在本地测试时也有助于背景显示。

使用母版页时在网页上设置背景图片

4 个答案: