Содержание владельца места фоновое изображение

Question

Можно установить фоновое изображение для держателя места содержания? На данный момент я могу отображать фоновое изображение для всей страницы, но владелец места содержания блокирует большую часть изображения, поэтому я хотел бы установить фоновое изображение для держателя места содержания вместо этого (большая часть содержимого находится в держателе) ,

Вот мой код, чтобы отобразить изображение в фоновом режиме, но я не получил ни малейшего представления о том, как поместить его в контент для резервирования места в 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 сторону, я просто добавить тело id = "PageBody", и он выполняет эту работу. но как это сделать в держателе контента? Я новичок в программировании, а также CSS или Html.

Answer 1

Хранитель места содержания только визуализирует его содержимое, нет элемента 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 и ОНТ WebForms