当前位置：文江博客话题详情

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

发布于 2024-08-03 08:02:55 字数 64 浏览 6 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天涯离梦残月幽梦 2024-08-10 08:02:55

您只需在实际的 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>

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

You can just add a style rule for body{} or whatever on the actual ASPX page. It will override any style set at the master page level.

edit: example:

<%@ 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>

This will override any values set in a stylesheet.

回复收藏 0 原文

夏尔 2024-08-10 08:02:55

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

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

回复收藏 0 原文

银河中√捞星星 2024-08-10 08:02:55

我建议将标记添加到母版页的标题中。这样，您就可以将以下内容添加到页面中：

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

通过添加额外的 ContentPlaceHolder，您将不会获得分散的样式标签，它们最终会出现在呈现的 html 的 head 标签中。

I suggest adding an <asp:ContentPlaceHolder ID="ExtraStyles" runat="server" /> tag to the header of the Masterpage. That way you can add the following to your page:

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

By adding an extra ContentPlaceHolder you won't get the scattered style tags, they will end up in the head tag of the rendered html.

回复收藏 0 原文