【问题标题】:CSS file is not working in asp.net frameworkCSS 文件在 asp.net 框架中不起作用
【发布时间】:2018-09-27 14:20:59
【问题描述】:

我在 Visual Studio 12 上制作网站时遇到了这个问题。当我添加 CSS 文件时,CSS 的功能没有显示出来。有时会重新启动工作,否则我必须将其全部内联。有人可以帮我吗?越来越烦了。

我的实际 CSS 文件:

body {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    background-color: #ebebeb;
}

#info_body {
    margin:auto;
    background-color:white;
    border: 1px solid black;
}

#div_left{
    height:250px;
    width:250px;
    float:left;
}

#div_right{
    width:60%;
    float:left;
}

我通过在浏览器上按 F12 得到的 CSS(这清楚地表明它没有更新。我按 ctrl+s 和还重新启动了笔记本电脑..同样的问题):

body {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    background-color: #ebebeb;
 }

#divbody {
    height:80%;
    margin:auto;
    background-color:white;
}

div {
    border: 1px solid black;
}

div_left{
    height:250px;
    width:250px;
    float:left;
}

div_right{
    width:60%;
    float:left;
}

我的 HTML 是:

<%@ Page Title="" Language="C#" AutoEventWireup="true" 
    MasterPageFile="~/MasterPage.master"             
    CodeFile="selected_search_item.aspx.cs" 
     Inherits="selected_search_item" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
                <title>Selected Searched Item</title>
    <link rel="stylesheet" type="text/css" href="selected_search_item.css" 
/>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Body" Runat="Server">
    <div>
        <div id="div_left">
            <div class="info_body">
                <img />
            </div>
            <div class="info_body">
                Information
            </div>
        </div>
        <div id="div_right">
            <div class="info_body">Title</div>
            <div class="info_body">Description</div>
        </div>    
        </div>
</asp:Content>

【问题讨论】:

  • 您是否尝试过在浏览器开发模式下检查(浏览器中的 F12)是否可以找到 css,或者缩小后的 css 是否包含您的 css 更改。我认为您也必须提供有关您的问题的更多信息。
  • 检查 CSS 文件是否被正确引用(即文件是从给定位置加载的)。另外,我建议在 chrome 或您正在使用的任何浏览器中使用检查元素,并查看 CSS 文件中的 CSS 属性和选择器是否在指定位置加载。
  • 是的,它被正确引用。通常在重新启动笔记本电脑后,它有时会工作。它也适用于设计..但是当我用浏览器(谷歌浏览器)打开页面时,它就不起作用了..
  • @bluedot 是的,并且 f12 检查页面上的 css 文件与实际的 css 文件是分开的.. 也就是说.. 它没有上传

标签: css asp.net visual-studio


【解决方案1】:

检查您的 Site.Master 文件。在&lt;head&gt; 部分,您应该引用您的css 文件所在的位置。在这种情况下,我有许多 css 文件位于名为 Content 的文件夹中。

<asp:PlaceHolder runat="server">
    <%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference runat="server" Path="~/Content/css" />

【讨论】:

  • 我在与主文件相同的文件中有 css 文件
  • 只需检查您是否使用 CssClass 来处理 .NET 控件和使用其他控件的类,如下所示:1)
  • 您被否决了,因为您没有发布代码,并且存在明显的拼写错误(CAn 和 i t)。
  • 好吧,代码很大,所以我没有上传..但是等等..让我编辑我的实际 css 文件是什么,以及当我按下 f12 时我得到的文件上有什么浏览器。
猜你喜欢
  • 2016-05-08
  • 1970-01-01
  • 2011-06-10
  • 1970-01-01
  • 2018-07-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-19
相关资源
最近更新 更多