У меня есть элемент управления внутри UpdatePanel. Как только событие запускается и обновляет пользовательский элемент управления - оно, похоже, теряет свои стили CSS. Это случилось со мной только в IE8, в то время как в Chrome и FF все было в порядке.
Пользовательский элемент управления, например:
<style type="text/css">
div.test
{
width: 500px;
height: 400px;
background-color: #0000BB;
color: #FFFFFF;
border: 2px solid #11CC00;
}
</style>
<div id="div123" runat="server" class="test"></div>
public void SetText(string text)
{
div123.InnerText = text;
}
Страница, использующая пользовательский элемент управления внутри UpdatePanel и обновляющая ее:
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="div1" runat="server">
<uc:TestUC ID="test1" runat="server"></uc:TestUC>
</div>
<asp:Button ID="Button1" runat="server" OnClick="Button1_OnClick" Text="Click" />
</ContentTemplate>
</asp:UpdatePanel>
protected void Button1_OnClick(object sender, EventArgs e)
{
test1.SetText(DateTime.Now.ToString());
}
В Chrome и FF он работает должным образом (нажатие кнопки вызывает отображение текущего времени в пользовательском элементе управления, больше ничего не происходит), но в IE8 элемент div внутри пользовательского элемента управления теряет свои стили (цвет фона, границы) .
Что может быть причиной этой проблемы и что можно сделать, чтобы ее предотвратить?