Question

我的母版页中有一个用户控件。在IE7（或IE8兼容模式）中查看时，它会在ContentPlaceHolders的页面内容后面呈现。我尝试手动设置每个元素的z-index，并且没有一个将控件放在前面。有人遇到过这种情况么？它适用于Chrome，Firefox，Safari和IE8，不兼容。

我将我的母版页中的doctype更改为以下内容，如其他地方所建议的那样，但是没有用。

<!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;
}

Answer 1

你有一个我们可以看到的样品吗？我知道你昨天问过这个问题，我们可以打一个样本会有点帮助。

另一个想法是在表单开头的主页面上添加ContentPlaceHolder。如果您的问题与dom中弹出窗口的位置有关，那么这可以帮助拉出该部分。

在IE7中查看时，母版页上的ASP.NET用户控件呈现在我的主要内容后面

1 个答案: