Установить фоновое изображение на веб-странице при использовании главной страницы - PullRequest
2 голосов
/ 27 августа 2009

Есть ли возможность установить фоновое изображение на веб-странице, когда веб-страница основана на главной странице. Обратите внимание, что фон не главной страницы, которую я хочу изменить, а фон страницы, которая использует главную страницу.

Ответы [ 4 ]

5 голосов
/ 27 августа 2009

Вы можете просто добавить правило стиля для тела {} или любого другого на текущей странице ASPX. Он заменит любой стиль, установленный на уровне мастер-страницы.

редактировать: пример:

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

Это переопределит любые значения, установленные в таблице стилей.

2 голосов
/ 29 августа 2009

Я предлагаю добавить тег <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.

2 голосов
/ 27 августа 2009

Вы можете разместить заполнитель содержимого на главной странице, которая находится внутри заголовка.

Затем на своей странице содержимого поместите элемент управления содержимым, в который можно было бы напрямую включить вторую измененную таблицу стилей CSS или блок STYLE.

1 голос
/ 29 августа 2009

Есть еще один трюк, который нужно добавить к этому ... (Вторая строка ниже) Также помогает фоновое отображение при локальном тестировании.

...