Question

所以我在<div> s中包含的表单顶部有3个标签。这是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，但似乎没有任何效果。任何意见，将不胜感激。的问候，

Answer 1

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

Answer 2

您使用的是什么版本的.NET框架？

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

如何在ASP.NET中叠加div？

2 个答案: