我的工作与会员系统在我的项目的主页,我正试图实现一个LoginStatus控件,将允许登录/注销。
控件的登录/注销链接只在ie浏览器中有效,但在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;
}
我曾经有一个类似的问题,我不能理解。当然,根据我们掌握的信息很难判断你是否有同样的问题,但仍然……
我的问题实际上与HTML集成有关:CSS是这样的,另一个元素覆盖了链接,而透明的背景,所以你看不到它已经结束了。
我要检查的另一件事是,如果没有javascript错误。由于链接按钮基本上是触发底层javascript,这可能是一个javascript错误,因为只有ie的代码阻止其他浏览器正常工作。
我非常确定的一件事是,您不应该在服务器端代码中寻找解决方案,因为差异似乎在客户端。
通过添加z-index属性解决了这个问题,因此控件位于所有css之上。