ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS は背景の幅をどのように定義しますか image_html/css_WEB-ITnose

CSS は背景の幅をどのように定義しますか image_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-21 09:35:361726ブラウズ

<style type="text/css">body { background-image: url("image\grn.gif");background-position: 50% 30%; background-repeat:no-repeat;}</style>



この方法で画像を中央に配置することはできますが、画像のサイズを変更することはできません。誰か教えてください。

背景画像のサイズは変更できません

サポート
背景のサイズを変更したい場合は、CSS3 をサポートする構文を使用する必要があります

を参照してください

http://dotnet.aspx.cc/article/ac7f6f17-cc42-4b26- 9e00-31d5f4671417/read.aspx

PS 画像または、本文の幅を定義して画像サイズを制御します


高さと幅を指定して div を設定し、画像を div の背景にします。それを引き伸ばして塗りつぶします。あなたの質問に満足したかどうかわかりませんが?

div に高さと幅を設定し、画像を div の背景として使用するだけです。あなたの質問に満足していますか?

やり方、書き方を教えてください

background-size:90px 10px このCSS3を入れても画像が変更できません

コードの変更方法が分かりませんので直接教えていただけませんか? CSS はとても上手です

私 あなたが望む効果は、背景画像のサイズを定義することではなく、背景画像の表示サイズを定義することだと思います。background-position 属性は、表示する背景画像の座標を定義できます。座標を定義した後、表示する背景画像のサイズを設定できます


必要な効果は、背景画像のサイズを定義することではなく、背景画像の表示サイズを定義することだと思います。属性で背景画像の座標を表示する方法を定義できます。座標を定義すると、表示される背景画像のサイズを設定できます

背景位置は画像の位置を設定するだけで、表示される画像の幅と高さを制御することはできません。背景画像はサイズを変更できないはずですが、変更できます 別のdivに配置します


2層表示

下のレイヤーは指定されたサイズの画像です

上のレイヤーはコンテンツです

ただし、この場合, 絶対配置を使用する必要があります


efb261078accd7fa8f3ad454961018e9 ;/div>
36cc49f0c466276486e50c850b7e4956
サイズは自分で変更できます。 。 。 。 。

あなたが望む効果は、背景画像のサイズを定義することではなく、背景画像の表示サイズを定義することだと思います。background-position 属性は、表示する背景画像の座標を定義できます。座標を定義したら、表示の背景画像のサイズを設定できます


自分で画像を Photoshop するだけです


描画ツールを使用して画像のサイズを変更します

最も簡単な方法は、画像を Photoshop することです

背景サイズは変更できませんが、別の div に配置できます

はい、2 つのレイヤーで実現できます

学習~~~~~

テストするには Firefox3 を使用する必要があります、IE はサポートしていません

2 層ディスプレイと絶対配置: テストは成功し、すべてのブラウザがサポート

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。