2012-02-26 15 views
0

iは、CSS/HTMLで非常に新たなんだと問題は、私は私のページ上の画像を使用しようとしているが、このコードは動作しません:CSS/HTMLの初心者:画像と(CSSの)ボーダー

それは私の "100%"とウィンドウの幅と高さでイメージを設定する必要がありますが、単にイメージをそのまま表示し、 "myclass"、私はいくつかのテキストを追加しようとしたかどうかは、境界線を表示しません。

私はチュートリアルに従ったが、問題がどこにあるかわからない。:背景画像が表示されない場合は

body { 
     background-image:url("landscape.jpeg"); 
     background-size:100%; 
} 

.myclass { position:relative; border:1px solid red; } 


<div id="myclass"> 
    <p></p> 
</div> 

は、理由があることおそらく、あなたの助け

+5

「動作しません」と定義します。 *それは何をしますか?あなたは何を*期待していましたか? –

+0

@David Thomas:こんにちは、 "100%"でウィンドウの幅と高さでイメージを設定する必要がありますが、そのままイメージを表示しています。 "myclass"ではテキストを追加しようとしましたが、国境を表示していない、私はプログラミングで非常に新しい、申し訳ありません:)私は別の位置や何かを設定する必要がありますか? –

+0

画像に指定したパスは、CSSと同じフォルダにある必要があります。また、あなたはそれが 'jpeg'であると確信していますか? –

答えて

2

いただき、ありがとうございますURLが間違っています。

セレクタ.myclassは、要素が一致しません。これは、クラスmyclassの要素がないためです。 id="myclass"class="myclass"に変更してください。

background-sizeのプロパティにはブラウザのサポートが限られています。

+0

ありがとう! mmh大丈夫、私はポイントを取得している、私は本当にクラスとIDのものを理解していない。 OKボーダーは動作しますが、イメージはどうですか?ウィンドウのようにイメージを大きくするために他の何かを使うべきですか? (ps:どうすればこの "-1"を変更できますか?) –

+0

classとidの違いは次のとおりです。 Idはユニークです(1回のみ使用できます)が、クラスは複数回使用できます。 http://css-tricks.com/the-difference-between-id-and-class/(あなたの質問が好きでない人は-1だから、何もできないから) – Mattias

+0

@Mattias:笑ええ、あなたは私のために+1を置くことができますか? –