如何让这个 CSS 正确？答案

【问题标题】：How to get this CSS Right?如何让这个 CSS 正确？
【发布时间】：2013-05-13 17:38:13
【问题描述】：

我使用 CSS 越多，我就越沮丧我想设置一个背景图片存储在我的 aspx 和 cs 文件所在的同一文件夹中找到了，还是不会放背景图：

/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-image:url(banner.gif);
    display:block; // have tried without it as well, no change :(
}

默认.aspx：

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">

            <asp:ContentPlaceHolder ID="MainContent" runat="server">

            </asp:ContentPlaceHolder>

    </form>
</body>
</html>

请帮忙设置背景图片？

【问题讨论】：

是在外部文件中吗？图片的路径需要相对于 CSS 文件。
您确定图片引用正确吗？因为就目前而言，banner.gif 必须位于 ~/Styles 目录的根目录中
检查浏览器的开发工具并查看正在发出的 http 请求。我敢打赌，浏览器正在尝试加载图像，但出现 404 错误。您可能只需要更改路径。哦，display:block 完全没有必要；无论如何，这是 body 元素的默认设置。
背景图片:url('banner.gif');注意我添加的两个'
@DiederikEEn - Quotes are not required

标签： asp.net css

【解决方案1】：

您说您的 CSS 和图像位于您的 aspx 文件和 CSS 所在的同一文件夹中

首先尝试为body say设置背景颜色

body {
   background: #f00; /*This should give you red*/
}

如果这工作得很好，图像路径有问题，如果你也看不到颜色，那意味着你的样式表在错误的路径，所以不是

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />

应该是

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

【讨论】：

@DiederikEEn 没找到你
` 我的 aspx 和 cs 文件所在的位置` 图像在根目录中。 Css 可以在地图样式中
@DiederikEEn 根据我的说法，所有文件都在一个目录中background picture stored on the same folder where my aspx and cs files are located
我先张贴了路径，没有:(设置任何颜色背景也不起作用:(
外星人，那怎么弄好呢？以我所有的知识，我无法弄清楚在母版页中引用它有什么问题：<head runat="server"> <title></title> <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" runat="server"/> <asp:ContentPlaceHolder ID="HeadContent" runat="server"> </asp:ContentPlaceHolder> </head>

【解决方案2】：

这是图像，我不认为路径有任何问题：

【讨论】：

忽略内联正文样式，因为我的要求是从我使用 Windows XP、VS 2010 的 Site.css 文件中让它工作