2014-09-26 49 views
0

因此,我有3個選項卡,它們包含在<div> s中。 這裏是CSS:如何覆蓋ASP.NET中的div?

.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,但中間選項卡覆蓋righttab1。我能做什麼,我已經嘗試操縱postion:屬性,並且我嘗試了z-index,但似乎沒有任何效果。任何意見,將不勝感激。 Regards,

+0

爲什麼你使用標籤?標籤用於描述輸入表單字段。只需使用span,anchor等直接作爲html。如果標籤確實描述了一個輸入,你應該使用AssociatedControlId http://haacked.com/archive/2007/02/15/asp.net_tip_-_use_the_label_control_correctly.aspx/ – 2014-09-26 16:50:37

回答

-2

您使用的是什麼版本的.NET框架?

在AJAX工具包中有一個選項卡控件可以幫你做到這一點。如果您使用的是3.5+,我相信它已包含在內。

+2

這不是一個答案。這是一個問題/建議,應作爲評論發佈。 – LcSalazar 2014-09-26 16:05:09

+0

.Net 4.5 ...我們是軟件工程師 – 2014-09-26 16:10:59

-1

我想出了它......我反向使用z-index,所以最後一個重疊元素被設置爲1而不是3,一旦我將其顛倒過來,並將頁面上最後一個元素lefttab1設置爲z -index = 3,那麼midtab z-index = 2,righttab1 = 1。