如何在 ASP.NET 中覆盖 div？答案

【问题标题】：How do I overlay divs in ASP.NET?如何在 ASP.NET 中覆盖 div？
【发布时间】：2014-09-27 00:39:01
【问题描述】：

所以我在表单顶部有 3 个选项卡，它们包含在 <div>s 中。这是 CSS：

.lefttab1 {

    position: relative;
    border-top-right-radius: 50px;
    -webkit-box-shadow: 2px -1px 2px #CCC;
    height: 35px;
    width: 300px;
    float: left;
    margin-top: 44px;
    padding-top: 10px;


}

.midtab {
    position: relative;   
    border-top-right-radius: 50px;
    -webkit-box-shadow: 2px -1px 2px #CCC;
    height: 35px;
    width: 400px;
    margin-top: 44px;
    margin-left: 259px;
    padding-top: 10px;
}

.righttab1 {


    border-top-right-radius: 50px;
    height: 35px;
    width: 375px;
    float: right;
    margin-top: -45px;
    padding-top: 10px;


}

这里是标记：

<a href="/account.aspx" class="lefttab1 tabcolorGrey">
                 <asp:Label ID="lablelft" runat="server" ForeColor="#a1a1a1" text="Select A Payment Account" CssClass="tabtextLeft1"></asp:Label>
            </a>
            <div class="midtab tabcolorGrey">
                 <asp:Label ID="Label3" runat="server" ForeColor="#a1a1a1" text="Payment Information" CssClass="tabtextLeft1"></asp:Label>
            </div>
            <div class="righttab1 tabcolorPurple">
                 <asp:Label ID="Label4" runat="server" ForeColor="#ffffff" text="Payment Confirmation" CssClass="tabtextRight1"></asp:Label>
            </div>

所以，Lefttab1 需要覆盖 midtab，midtab 应该覆盖 righttab1。现在看来，Lefttab1 没有覆盖 midtab，但 midtab 覆盖了 righttab1。我能做什么，我尝试过操纵postion: 属性，也尝试过z-index，但似乎没有任何效果。任何意见，将不胜感激。问候，

【问题讨论】：

你为什么要使用标签？标签用于描述输入表单字段。只需将跨度、锚点等直接用作 html。如果标签确实描述了输入，您应该使用 AssociatedControlId haacked.com/archive/2007/02/15/…

标签： html css asp.net

【解决方案1】：

我想通了...我正在反向使用 z-index，所以最后一个重叠元素设置为 1 而不是 3，一旦我反转它，并将页面 lefttab1 上的最后一个元素设置为 z- index = 3，然后 midtab z-index = 2，righttab1 = 1。

【讨论】：

【解决方案2】：

您使用的是哪个版本的 .NET 框架？

AJAX 工具包中有一个选项卡控件可以为您执行此操作。如果您使用的是 3.5+，我相信它已包含在内。

【讨论】：

这不是答案。这是一个问题/建议，应该作为评论发布。
.Net 4.5 ...我们是软件工程师