0

我有这个 index.aspx 页面,它没有从 CSS 加载图形。文本“测试”加载正常。

我究竟做错了什么?

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="chinatownexperience.index" %>

<!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">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="body-1">
        <div id="topblank"><p>test</p>
        </div>
    </div>
    <form id="form1" runat="server">
    </form>
</body>
</html>

CSS:

html,
body {
    margin:0;
    padding:0;
    color:#000;
    background: #9c0000;
    background: url('images/Chinatown-lgebg.png') left top; 
}

#body-1 {
    width: 880px; height: 1500px;
    margin: 0px auto;
    padding: 10px;
    overflow:hidden; 
}

#topblank {
    float: left;
    width: 880px;
    height:266px;
    background: url('images/WebsiteTop.png') repeat-y left top;
}

我一定错过了一些愚蠢的事情吗?

4

3 回答 3

1

对于这个例子,你可以从根目录寻址,不要像这样使用单张婴儿床

background:url(/yourProjectRoot/cssFolderNameOrFile.../yourImage.*)
于 2012-10-08T13:01:15.530 回答
0

图像的路径必须相对于 CSS 文件的位置,而不是 HTML/ASP/whatever 文件。您应该指向图像的正确位置。

例子 :

如果你使用这样的目录结构:

- root\
|- css\
|- images\
page.extension

那么 CSS 文件的路径应该是:

background: url('../images/whatever.png');
于 2012-10-08T12:50:12.800 回答
0

您的路径需要相对于样式表,而不是根。

root 
  -css/styles.css
  -images/
  index.html

因此,如果您有上述结构,您的 CSS 中将需要它

background: url('../images/your_image.png');

(值得注意的是,CSS 中的 .htc 文件应该有一个相对于根目录的路径。对于旧的浏览器修复很方便)

于 2012-10-08T12:53:20.647 回答