ASP.NET Пользовательский элемент управления на главной странице отображается позади моего основного контента при просмотре в IE7 - PullRequest
Новая
       29

ASP.NET Пользовательский элемент управления на главной странице отображается позади моего основного контента при просмотре в IE7

0 голосов
/ 18 сентября 2009

У меня есть пользовательский элемент управления на моей главной странице. Когда он просматривается в IE7 (или в режиме совместимости IE8), он отображается за содержимым страницы из ContentPlaceHolders. Я попытался вручную установить z-индекс каждого элемента в поле зрения, и ни один из них не поместил элемент управления впереди. кто-нибудь еще сталкивался с этим? Он работает в Chrome, Firefox, Safari и IE8 без совместимости.

Я изменил свой тип документа на главной странице на следующий, как было предложено в другом месте, но это бесполезно. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

С главной страницы: 

<%@ Register Src="controls/UserInfo.ascx" TagName="UserInfo" TagPrefix="uc1" %>

<div class="head-links">
                <uc1:UserInfo ID="UserInfo1" runat="server"  />
</div>

Из пользовательского контроля: 

  <asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup"  Width="233px" style="z-index: 1000" >

   <p>Are you sure?  Your current shopping cart is valid only for the current Dealer ID.  Switching Dealer IDs will reset your cart according to the new Dealer ID chosen.</p>

   <br />
   <div align="center" style="z-index:99">
      <asp:Button ID="OkButton" runat="server" Text="Ok" />
      <asp:Button ID="CancelButton" runat="server" Text="Cancel" />
   </div>
   </asp:Panel>

И CSS: 

.modalPopup {
background-color:white;
border-width:1px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;

}

 .head-links
{
position: absolute;
top: 0px;
right: 70px;
text-align: left;

width: 170px;
}
.head-links a
{
color: #fff;
text-decoration: underline;
}
.head-links a:hover
{
color: #fff;
text-decoration: none;
}

1 Ответ

1 голос
/ 18 сентября 2009

У вас есть образец, на который мы можем посмотреть? Я знаю, что вы спрашивали об этом вчера, образец, который мы можем поразить, помог бы тонне.

Еще одна идея - добавить ContentPlaceHolder на свою главную страницу в самом начале формы. Если ваша проблема связана с положением всплывающего окна в DOM, то это может помочь вытащить эту часть.

...