0

問題があり、これを修正する方法がわかりません。私はウェブサイトを作成していますが、私のウェブサイトの下部には、一種のフッター画像が必要です。画像は全幅、高さ 375px である必要があります。しかし、私は本当にそれを行う方法がわかりません。css と html の両方ですべてを試しましたが、うまくいきません。htmlに何かを入れるたびに、画像は通常のサイズで、高さは375pxですが、画面の幅がいっぱいではありません。誰でも私を助けてもらえますか？私が試したこと: HTML:

<div id="image">
<img src="images/college.jpg/>
</div>

CSS:

#image {
width: 100%;
height: 375px;
}

私はhtmlとcssが初めてで、これを修正する方法がわからないことに注意してください。私は多くのことを試しましたが、うまくいきません。これは全幅のフッターに似ていますが、色ではなく画像である必要があります。background-image:src('images/college.jpg'); うまくいきませんでした。htmlとcssについて教えてください。ありがとう。

4

2 に答える 2

1 
#image img {
width: 100%;
height: 375px;
}

CSSセレクターは、画像ではなく画像の親divを選択していました。それがあなたの要件を満たさない理由です。

background-imageプロパティを使用する場合srcは、無効であることに注意してください。urlCSSでは次のように使用する必要があります。

#image {
width:100%;
height:375px;
background-image:url('images/college.jpg');
}

また、CSSでは、またはbackgroundの代わりに入力するだけで画像や色を割り当てることもできます。例えばbackground-imagebackground-color

#image {
width:100%;
height:375px;
background:url('images/college.jpg'); /* background:#fff; */
}
于 2013-01-27T15:28:29.730 に答える
0

ここの画像ではなく、divをターゲットにしています。画像はdiv内にあり、divは画像の単なるコンテナであることを理解する必要があります。したがって、画像をターゲットにすることをお勧めします。例：

img.MyImage{
width:<your width here>;
height:<your height here>;
<!-- dont put <> in actual code -->
}

ここで、画像タグはMyImageのクラスになります。

于 2013-01-27T15:33:10.437 に答える