asp.net - CSS 文件在 asp.net 中不起作用

标签 asp.net css

伙计们,我有一个 css 文件“menu.css”,我在我的母版页的头部调用它,但它似乎不起作用。

  <link href="CSS/menu.css" rel="stylesheet" type="text/css" />

我尝试了很多替代方案,例如

 <link id="Link1" href='<%= ResolveUrl("~/CSS/menu.css") %>' rel="stylesheet" media="screen" type="text/css"/>

但是一切都无济于事。但是,当我通过消除 css 文件将 css 内容粘贴到母版页头部时,它就可以工作了。我真的不明白这是什么错误。一切看起来都不错,但并没有按预期进行。下面是我的母版页。任何帮助,将不胜感激。

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Debt.master.cs" Inherits="Debt.Debt" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <link id="Link2" href='<%= ResolveUrl("~/CSS/menu.css") %>' rel="stylesheet" media="screen" type="text/css"/>
    <title>Members Page</title>
    <asp:ContentPlaceHolder ID="head" runat="server">



    </asp:ContentPlaceHolder> 


    <style type="text/css">

        * { margin:0;
    padding:0;
}
body { background:#555 url(images/back.jpg); }
#menu { top:30px; }
#copyright {
    margin:100px auto;
    width:80%;
    font:12px 'Trebuchet MS';
    color:#bbb;
    text-indent:20px;
    padding:40px 0 0 0;
}
#copyright a { color:#bbb; }
#copyright a:hover { color:#fff; }



        .style1
        {

        }

            .ModalBackground  
            {  
                  background-color:Gray;  
                  filter: alpha(opacity=60);  
                  opacity: 0.6;  
                  z-index: 10000;  
            }  

            .ModalPopup  
            {  
                  background-color:White;  
                  border-width:3px;  
                  border-style:solid;  
                  border-color:Gray;  
                  padding:5px;  
                  width: 350px;  
                  height:210px; 
            }  
    </style>
     <link id="Link1" href='<%= ResolveUrl("~/CSS/menu.css") %>' rel="stylesheet" media="screen" type="text/css"/>
    <link href="CSS/menu.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/menu.js"></script>
</head>

<body runat="server">

最佳答案

感谢大家的帮助。我想出了什么错误。这是 CSS 中的图像路径。我将图像命名如下

 background:url(images/columns.png) no-repeat;
background:url(images/subitem.png) no-repeat;

由于某种原因,它无法识别上述图像路径。但是当我更改为

background:url(/images/columns.png) no-repeat;
background:url(/images/subitem.png) no-repeat;

即在文件夹名称前添加斜杠。现在效果很好。感谢您抽出时间。

关于asp.net - CSS 文件在 asp.net 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18712448/

相关文章:

mysql - 将Web表单数据提交到MySQL数据库表时如何获取登录Azure B2C用户的id?

ASP.NET MySQL.NET 连接字符串

c# - 从 Access 数据库 Access 两列时出现 IndexOutOfRange 异常

jquery - 使用 jQuery 向元素添加类 + 同时发送 css 类参数的自定义值

CSS 不能向左浮动

asp.net - 在 asp.net 应用程序上显示存储在 sql 数据库中的 utc 时间的本地时间

c# - Dataset Designer.cs 在 VS2013 中从 SVN 获取更新后生成 Designer1.cs

javascript - 在此之后我如何制作另一种颜色的动画?

python - 如何使用 ChromeOptions 在 Python selenium 中禁用 CSS

css - 如何正确使用 Media Query 使一列消失,另一列调整到屏幕宽度?