Изображение в теле дочерней страницы ContentPlaceHolder

У меня есть главная страница с двумя разными дочерними страницами.

Один, если я хотел бы поместить фоновое изображение на дочерние страницы. Это почти работает, однако изображение не появляется в ContentPlaceHolder, а появляется в теле.

<%@ Page Title="" Language="C#" MasterPageFile="~/BiPlanning.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

     <style type="text/css">

body  {
    background-image:url('tmp.jpg');
    <%-- background-size:2px;     <-THIS DOES NOT WORK --%>
}        

   </style>

</asp:Content>

Я понимаю, что делаю неправильно, но как мне изменить размер изображения, чтобы оно не покрывало все тело дочерней страницы ИЛИ, как мне поместить фактическое изображение в ContentPlaceHolder< /сильный>?


css asp.net background-image master-pages contentplaceholder
person Nils    schedule 20.04.2018    source источник
comment
Вместо селектора тела в css, почему бы не использовать ID=Content2 в качестве селектора? Или как эта дочерняя страница отображается в браузере.   -  person August    schedule 20.04.2018
comment
Что вы имеете в виду вместо селектора тела в css, почему бы не использовать ID = Content2 в качестве селектора? Хорошо, как?   -  person Nils    schedule 20.04.2018
comment
‹style type=text/css› #Content2 { background-image:url('tmp.jpg'); ‹%-- размер фона:2px; ‹-ЭТО НЕ РАБОТАЕТ --%› } ‹/style› Или то, что когда-либо отображалось в браузере для этой дочерней страницы, я полагаю, что у нее будет идентификатор Content2 или ContentPlaceHolder1 в DOM, используйте один из них в качестве селектора css .   -  person August    schedule 20.04.2018
comment
если я удалю тело {} и заменю его вашим кодом: #Content2 { background-image:url('tmp.jpg'); это НЕ сработало   -  person Nils    schedule 20.04.2018
comment
Проверьте в браузере, какой элемент у вас есть в DOM для этой дочерней страницы, и используйте для этого селектор css.   -  person August    schedule 20.04.2018
comment
я понятия не имею, что такое DOM, я новичок в этом, но у вас есть весь мой дочерний код .aspx?.... Должен ли я поставить ‹asp:Content ID=Content2 cssclass=Content .... › чтобы он работал ?   -  person Nils    schedule 20.04.2018
comment
DOM — это код, который генерируется после того, как браузер анализирует HTML-код; Так что более практично, DOM — это код в вашем браузере, который вы видите при использовании источника представления. Знаете ли вы, как проверять HTML-код в браузере?   -  person August    schedule 20.04.2018
comment
Да, вы можете попробовать это, добавив cssclass в заполнитель, а затем использовать это имя класса в качестве селектора в вашем css, что-то вроде .Content {// ваш css здесь} вместо выбора тела.   -  person August    schedule 20.04.2018
comment
Я ответил на свой вопрос :) спасибо   -  person Nils    schedule 20.04.2018
comment
Я рад, если смог помочь ;)   -  person August    schedule 20.04.2018

Ответы (1)


arrow_upward
0
arrow_downward

Чтобы это работало, я создал тег DIV в своем contantplaceholder и изменил ширину, высоту и т. Д.

<div width="120" height="100" style="vertical-align:middle; text-align:center" >
        <img src="tmp.jpg" />
    </div>
person Nils    schedule 20.04.2018