子页面正文中的图像 ContentPlaceHolder

Question

我有一个包含 2 个不同子页面的母版页。

如果我想在子页面中放入背景图片。这 almost 有效，但是图像没有出现在 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?

中的图片

Answer 1

为了让它工作，我在我的 contantplaceholder 中创建了一个 DIV 标签并更改了宽度、高度等...

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

子页面正文中的图像 ContentPlaceHolder

Image in body of Child page ContentPlaceHolder

css

asp.net

master-pages

background-image

contentplaceholder