1

我在项目的母版页中使用会员系统,我正在尝试实现一个允许登录/注销的 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;
                }
4

2 回答 2

1

我曾经有一个类似的问题,我无法理解。当然,如果您遇到相同类型的问题,但仍然......

我的问题实际上与 HTML 集成有关:CSS 是这样的,即另一个元素覆盖了链接,同时具有透明背景,因此您看不到它已经结束。

我要检查的另一件事是是否没有 javascript 错误。由于链接按钮基本上触发了底层 javascript,因此可能会出现 javascript 错误,因为仅 IE 的代码会阻止其他浏览器正常工作。

我很确定的一件事是您不应该在服务器端代码中寻找解决方案,因为差异似乎在客户端。

于 2013-06-24T15:00:34.117 回答
0

通过添加 z-index 属性解决了这个问题,因此控件首先是 css。

于 2013-06-24T15:54:32.163 回答