3

みなさん、こんにちは。簡単な質問があります。Visual Studio 2012を使用してHTMLとCSSについて学習しています。視差効果タイプのものを試すために、複数の背景を使用しようとしています。私はCSSが次のように複数の背景を持つことができることを知っています：

    background: url("/file/image.png"), url("/file/images2,png"), etc.....

しかし、私がやろうとしているのは、dividセレクターを使用して画像を呼び出すことです。

    #image1 { background:url ("/file/image.png");}


    #image2 { background: url ("/file/image2.png");}

HTML

    <body>

    <div id="image1"></div>
    <div id="image2"></div>

次のコードを実行するたびに、画面に何も表示されません。私が何かを得るのは、コードを本体に置く場合だけです{}。何かが足りないのですか、それともVS 2012が正しく設定されていませんか？

ありがとう

4

5 に答える 5

1

cssスタイルで画像の高さと幅を定義します

#image1 { background:url ("/file/image.png"); height: xxxpx; width: xxxpx;}
#image2 { background: url ("/file/image2.png"); height: xxxpx; width: xxxpx;}
于 2012-11-12T00:06:54.250 に答える
0

迅速な返信をありがとうございました。幅と高さに関するすべての回答が私のコードで機能し、画像はうまく表示されました。

ありがとう。

于 2012-11-12T15:35:08.840 に答える
0

divデフォルトでは、タグはその中のコンテンツの高さです。にコンテンツがない場合はdiv、高さがゼロになります。画像の高さをdivタグに手動で追加する必要がある場合があります。

div#image1 { height: 200px; /* Height of image.png */ }
div#image2 { height: 300px; /* Height of image2.png */ }
于 2012-11-11T23:48:40.513 に答える
0

VisualStudioではありません。何も含まれていない背景画像を使用している場合、div要素のサイズに合わせたコンテンツはありません。

div要素に固定サイズを設定するか、適切なサイズになるように十分なコンテンツを要素内に配置する必要があります。

于 2012-11-11T23:49:15.087 に答える
0

実際には、画像の場所を再確認する必要があります。

行で：

#image1 { background:url ("/file/image.png");}

CSSでは、urlはこのスタイルシートの場所を基準にしています。Visual Studio 2012では、.cssファイルがフォルダーにあり、画像が同じレベルの別の「ファイル」フォルダーにある場合は、次のように記述します。

#image1 { background:url ("../file/image.png");}
于 2012-11-12T00:03:01.043 に答える