CSS消失了

标签 css asp.net

我有以下 HTML 代码。页面地址为:"AdminPages/AdminPage.aspx"-

 <head>
 <meta charset="UTF-8">
 <title>Admin Page</title>
 <link href="Scripts/bootstrap.min.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" href="Scripts/bootstrap-theme.min.css">
 <script src="Scripts/jquery.min.js"></script>
 <script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="Scripts/CSS/AdminPage.css" />

 </head>
 <body>
 <div class="bs-example">
<form runat="server">
<nav id="myNavbar" class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">            
            <asp:LinkButton class="navbar-brand" style="color:white" ID="AdminHomePage" runat="server" href="AdminPages/AdminPage.aspx">Home</asp:LinkButton>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="#">TEST</a></li>
                <li><a href="AdminPages/Profile.aspx">Profile</a></li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Inbox</a></li>
                        <li><a href="#">Drafts</a></li>
                        <li><a href="#">Sent Items</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Trash</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                        <asp:Label ID="emailDeatilsLabel" runat="server" style="color:white"></asp:Label> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li class="divider"></li>
                       <li><asp:LinkButton ID="LogOutLabel" runat="server" href="UserPages/LogOut.aspx">Log Out</asp:LinkButton></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>
    </form>

 </div>
 </body>
 </html>                       

当我点击标签时:

      <asp:LinkButton class="navbar-brand" style="color:white" ID="AdminHomePage" runat="server" href="AdminPages/AdminPage.aspx" Home</asp:LinkButton>

我想留在当前页面,但是当我点击时,css 消失了,地址也被更改了,我该如何解决?

之前: http://srv2.jpg.co.il/1/542749dc3a7fd.png
后: http://srv1.jpg.co.il/2/54274a4285747.png
(我没有积分来发布图片)

最佳答案

CSS 文件的路径是相对于当前文件夹的 - 可能是网络根目录 / . AdminPages.aspx文件也在相对于当前文件夹的路径中。当你加载它时,你的 CSS 路径指向一个相对于 AdminPages 的文件夹。所以它没有找到。

更改 <link 中的路径绝对元素:

<link rel="stylesheet" type="text/css" href="/Scripts/CSS/AdminPage.css" />
                                             ^ add this.

您可能需要对其他路径进行类似的更改。

关于CSS消失了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26080236/

相关文章:

asp.net - z-index 问题 Internet Explorer 兼容模式和 7

c# - ASP.NET MVC3 和 Google Checkout 入门 : Take 2

asp.net - 应用程序见解 - 无屏幕分辨率信息

html - 在窄屏幕上,jQuery Mobile 中的表格不可滚动

html - 在不剪切 div 的情况下打印网页

c# - 使用 cshtml 和 javascript 动态更改下拉列表

c# - 使用 ASP.NET (C#) 在页面之间传递变量而不使用 QueryString

c# - 我是否需要使用 using 关键字关闭 SQL Server 连接?

仅适用于 IE 11 的 CSS

jquery - 具有悬停效果的简单嵌套 ul li 菜单,但有关 margin-top 的问题