0
<body>
    <form id="form1" runat="server">
    <div class="page">
        <div class="header">
        ....
        </div>
        <div class="main"></div>
....
</form>
</body>

そしてcssファイル:

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.page
{
    width: 960px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 2px solid white;padding: 1px 0;
    box-shadow: 5px 3px 5px #ccc;
    height: auto;
    overflow: hidden;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: white; 
    background-image: url(~/img/056.JPG);// I want it displays as a image logo
    width: 100%;
    height:200px;

}

行を入れてもヘッダーに画像(ロゴ)を設定する多くの方法を試しました background-image: url(~/img/056.JPG);が、056.JPG画像はヘッダーに表示されません(背景色のみ)。

それから私はこのようにします:

<div class="header">
            <img style="border:0px" src="img/056.JPG" height="200px" width="100%" alt=""/>
</div>

画像が表示されましたが、それは私が望む方法ではありません。上記のようにヘッダーの画像ロゴを設定すると、ヘッダーの下に表示される--> <div>内に新しいタグを配置するためです(ヘッダー内に表示したい)。<div header>new <div>

助けてください、ヘッダー div に何か間違いがありますか? 背景画像が表示されないのはなぜですか?

アップデート:

推奨どおり、URLを編集したところです。Banner2009_new.jpg代わりに使用します056.JPG

background-image: url("/website/pic/Banner2009_new.jpg");

次に、パス画像をダブルクリックして確認します。 ここに画像の説明を入力

それはまだ file:フォルダ webpageBanner2009_new.jpgpicありますが、確認すると、Banner2009_new.jpg がないようです

これは私のウェブサイトのフォルダです:ここに画像の説明を入力

ここに画像の説明を入力

4

2 に答える 2

0

background-imageWeb サイトのルートに相対的なURL は次のようになります。

url("/img/056.JPG")

(チルダなし~)

編集: コメントによると、ローカル開発ホスティング環境では、web-root フォルダーは「website」の親フォルダーです。URLを指定する必要があります

url("/website/img/056.JPG")

サイトのルートを親フォルダー "website" にする場合は、すべての Web サイト フォルダーのコンテンツを親フォルダーに移動するか、指定された "website" フォルダーを指すように Web サーバー上の仮想ホストを構成することができます。指定したドメイン名 (おそらく hosts ファイル内) (ただし、それは別のトピックです)。これにより、正しい方向に進むことができます。

于 2013-10-14T15:34:51.730 に答える
0

background-image画像を背景として使用する場合は、CSS で設定する必要があります。<img>ヘッダー div 内に追加すると、インライン イメージとして追加されます。

~URL からチルダ ( ) を削除するだけです。

background-image: url(/img/056.JPG);
于 2013-10-14T15:38:46.033 に答える