C# 内容占位符背景图像

是否可以为内容占位符设置背景图像？目前，我可以显示整个页面的背景图像，但内容占位符阻挡了大部分图片，因此我想为内容占位符设置背景图像（大部分内容在占位符中）

以下是我在后台显示图像的代码，但我不知道如何将其放置在ASP.NET中的内容占位符中：

  protected void dropListActivity_SelectedIndexChanged(object sender, EventArgs e)
    {

        if (dropListActivity.SelectedItem.Text == "GrassHopper and Ants")
        {
            PageBody.Attributes.Add("style", "background:url(Images/background/ant-and-grasshopper.jpg) no-repeat;");
            Session["Background"] = "background:url(Images/background/ant-and-grasshopper.jpg);";

        }

        if (dropListActivity.SelectedItem.Text == "Food Fit For A King")
        {
            PageBody.Attributes.Add("style", "background:url(Images/background/King.jpg) no-repeat;");
            Session["Background"] = "background:url(Images/background/King.jpg);";

        }
    }

---

在我的html端，我只添加了一个body id=“PageBody”，它就完成了这项工作。但我如何在内容占位符中做到这一点？我是一个编程新手以及CSS或Html

内容占位符仅呈现其内容，如果内容为空，则不会呈现html元素，您可以在其中放置一个div，它将呈现

关于您的解决方案，您要到服务器更改背景图像，请不要这样做。
您应该在JavaScript+CSS中完成 使用jQuery侦听select元素的更改事件，然后根据它更改背景

 in your css:
 .grassHopper{background:url(Images/background/ant-and-grasshopper.jpg) no-repeat;}
 .foodFit{background:url(Images/background/King.jpg) no-repeat;}
 in your JS
 $(document).ready(function(){
   $("#dropListActivity").change(function(event){
      var jqBody = $("body");
      jqBody.removeClass("grassHopper foodFit");
      if($(this).find("option[selected]").text() === "GrassHopper and Ants")
      {
        jqBody.addClass("grassHopper");
      }
      ...
   }).change();//also trigger so the bg will be updated according to the selected value at the select from the server
 });

最后一件事——如果您只是从.net堆栈编程开始——我建议使用asp.net MVC和ont webForms