0

CSSからグラフィックをロードしていないこのindex.aspxページがあります。テキスト「テスト」は正常に読み込まれています。

私は何が間違っているのですか？

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

画像へのパスは、HTML/ASP/その他のファイルではなく、CSS ファイルの場所に対して相対的である必要があります。画像の正しい場所を指す必要があります。

例 ：

次のようなディレクトリ構造を使用する場合:

- 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 に答える