css - .aspx 页面上的背景图像

Question

我有一张 .bmp 类型的图像，我希望将其用作 aspx 页面上的背景图像。

下面是我在 .css 文件中的代码:

/* Background home image
-----------------------------------------------------------*/

.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#HomePage
{
    background-image: url('C:\Users\MyName\Documents\Visual Studio 2010\Projects\IP_Project2\IP_Project2\images\WeMeet - Landing Page.bmp');
}

///////////////////////////////////////////////////////////////////////////

.Aspx代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site1.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <h2></h2>
   <div id="HomePage">
    <p>Hello</p>
   </div>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">

</asp:Content>

网页上没有显示图像...可能是什么问题？？

Answer 1

您的图像路径应该是相对于您网站的根目录，而不是物理文件系统路径。它只知道从你的网站根向下。

如果您的图像存储在比您的网站根目录低一级的图像文件夹中(看起来您有)，您将:

background-image: url('/images/WeMeet - Landing Page.bmp');

这将从站点的根目录开始，查找一个名为 images 的文件夹，然后是一个名为 image.bmp 的文件

编辑:

我已经在我的本地盒子上验证了你的设置。我创建了一个类似设计的 WebApplication 元素。

C:\Users[Me]\Documents\Visual Studio 2010\Projects\WebApplication1\WebApplication1\

创建了一个带有空格的 bmp，并在 CSS 文件中全部引用为:

    body   
{
    background-image: url('/images/Image With Spaced Name.bmp');
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

这会按预期运行。

您能否将背景图片切换到 body 类以验证它不是您的#HomePage id 的引用问题？