LoginStatus重定向僅在資源管理器中工作

Question

我在我的項目的母版頁中使用Membership系統，並試圖實現LoginStatus控件，該控件允許登錄/註銷。

該控件的登錄/註銷鏈接只適用於Internet Explorer，但在Firefox或Chrome瀏覽器中不可點擊。有什麼我應該補充的嗎？

這裏是我的控制：

<asp:LoginStatus ID="LoginStatus1" runat="server" 
            LoginText="התחבר" 
            LogoutText="התנתק" 
            LogoutPageUrl="~/Login.aspx" 
            LogoutAction="Redirect"/> 

編輯

我試圖移動LoginStatus控件到頁腳和鏈接的作品。可能就像Bartdude提到的那樣，這是一個css問題。但我不知道是什麼導致它。 我相信你們會知道的。

這裏是我的html部分：

<header> 
      <div class="clearfix""></div> 
      <div class="site_logo"><img src="assets/img/act_logo2.jpg" style="height:100px; width:200px;" /> 
       </div> 
      <div class="clearfix"></div> 
      <hr class="customHR" /> 
      <div class="TopNav"> 
       <div id="aspLoginStatus"> 
        <asp:LoginName ID="LoginName1" runat="server" FormatString ="Welcome, {0}" /> 

        <asp:LoginStatus ID="LoginStatus1" runat="server" 
            LoginText="התחבר" 
            LogoutText="התנתק" 
            LogoutPageUrl="~/Login.aspx" 
            LogoutAction="Redirect" 
            /> 


       </div> 
       <ul> 
       <li><a visible=false id="profile_link_master" runat="server">פרופיל אישי</a> 
        <ul> 
          <li><a visible=false id="profile_link" runat="server" onclick="redirect_to_profile()">פרופיל אישי</a></li> 
          <li><a visible=false id="layout_link" runat="server" onclick="redirect_to_layout()">עיצוב פרופיל</a></li> 
          <li><a visible=false id="search_profile_link" runat="server" onclick="redirect_to_search()">פרופיל חברי העמותה</a></li> 
        </ul> 
       </li> 
        <li><a visible=false id="user_link" runat="server" href="create_user.aspx">ניהול משתמשים</a></li> 
        <li><a visible=false id="report_link" runat="server" href="report.aspx">דו"חות</a></li> 


        <li><a visible=false id="members_link" runat="server" href="#">חברי העמותה</a> 
         <ul> 
          <li><a visible=false id="search_link" runat="server" href="search_mem.aspx">חיפוש חבר</a></li> 
          <li><a visible=false id="mail_link" runat="server" href="e_mail.aspx">שלח מייל</a></li> 
          <li><a visible=false id="candidates_link" runat="server" href="Candidates.aspx">מועמדים ממתינים</a></li> 

         </ul> 
        </li> 
        <li><a id="join_link" runat="server" href="join_act.aspx">הצטרף לאקט</a></li> 
        <li><a id="info_link" runat="server" href="#">מידע שימושי</a> 
         <ul> 
          <li><a id="about_link" runat="server" href="web_site.aspx">אודות העמותה</a></li> 
          <li><a id="form_link" runat="server" href="forms.aspx">טפסים</a></li> 
          <li><a id="insurance_link" runat="server" href="insurance.aspx">ביטוחים</a></li> 
         </ul> 
        </li> 
        <li><a visible=false id="home_link" runat="server" href="events.aspx">דף הבית</a></li> 
       </ul> 
      </div> 
     </header> 

下面是相關的CSS：

header { 
    padding: 0px; 
    margin: 0px; 
    /* background-color: #D0D0D0; */ 
    moz-box-shadow: 1px 10px 10px #000000; 
    -webkit-box-shadow: 1px 10px 10px #000000; 
    box-shadow: 1px 10px 10px #000000; 
    height:100px; 

    background-image: -ms-linear-gradient(top, #7D2BA6 0%, #000000 100%); 
    background-image: -moz-linear-gradient(top, #7D2BA6 0%, #000000 100%); 
    background-image: -o-linear-gradient(top, #7D2BA6 0%, #000000 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7D2BA6), color-stop(1, #000000)); 
    background-image: -webkit-linear-gradient(top, #7D2BA6 0%, #000000 100%); 
    background-image: linear-gradient(to bottom, #7D2BA6 0%, #000000 100%); 
} 

    header .site_logo { 
     height: 100px; 
     border: 1px solid #000; 
     width: 200px; 
     margin-top: 0px; 
     margin-left: 20px; 
     margin-bottom: 10px; 
    } 

    header .TopNav { 
     display: block; 
     background-color: #F0F0F0; 
     vertical-align: middle; 
     position: relative; 
     font-family: "Comic Sans MS"; 
    } 

     header .TopNav #aspLoginStatus { 
      float:right; 
      margin: 10px 10px 0 0; 
      font-family: "Comic Sans MS"; 
      font-weight:bold; 
     } 
    header .TopNav, ul { 
     padding: 0px; 
     margin: 0px; 
     position: relative; 
     text-align:center; 
    } 

     header .TopNav ul li { 
      padding: 10px; 
      margin: 0px; 
      list-style-type: none; 
      display: inline-block; 
      font-size: 110%; 
      text-align:right; 
     } 

      header .TopNav ul li:hover > ul { 
       display: block; 
      } 

      header .TopNav ul li ul { /* SubNav Styling */ 
       position: absolute; 
       margin-top: 10px; 
       min-width: 100px; 
       max-width: 200px; 
       background-color: #F0F0F0; 
       display: none; 
      } 

       header .TopNav ul li ul li { /* SubNav Styling */ 
        display: block; 
        padding: 5px 10px 5px 10px; 
       } 

        header .TopNav ul li ul li a { /* SubNav Styling */ 
         display: block; 
        } 

      header .TopNav ul li a { 
       text-decoration: none; 
       color: #000; 
       padding: 0px; 
       margin: 0 5px 0 2px; 
       font-weight: bold; 
      } 

       header .TopNav ul li a:hover { 
        color: #0FA2BC; 
       } 

Answer 1

我曾經有過一個類似的問題，我無法理解。當然，如果你遇到同樣的問題，我們很難分辨出這些信息，但仍然...

我的問題實際上與HTML集成有關：CSS是這樣的，其他元素覆蓋了鏈接，而透明的背景，所以你不能看到它結束。

我會檢查的另一件事是，如果沒有JavaScript錯誤。由於linkbuttons基本上是觸發底層的javascript，因爲只有IE的代碼會導致javascript錯誤，從而阻止其他瀏覽器正常工作。

我很確定的一件事是，您不應該在服務器端代碼中尋找解決方案，因爲差異似乎在客戶端。

Answer 2

通過添加一個z-index屬性解決了這個問題，所以該控件首先是css。