html - CSSで背景画像を引き伸ばす設定方法

Question

ページの背景と DIV およびテーブルの背景に CSS を使用して背景画像を引き伸ばす方法...ウィンドウ サイズが変更された場合、それに応じて背景画像のサイズが引き伸ばされる (拡大/縮小する) ように....

Answer 1

を使用して CSS3 でのみ実行できますbackground-size。-o-background-size、-webkit-background-size、および-moz-background-sizeを使用して、ブラウザのサポートを最大化することもできます。値を 100% に設定する必要があります。他のブラウザでは、画像がなくなったら背景を繰り返したり、色を使用したりできますが、引き伸ばすことはできません。以下の最初のリンクには、それを試して偽造するための提案があります.

見る：

• http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
• https://developer.mozilla.org/en/CSS/background-size

Answer 2

レイヤーとして固定することで、css3なしで実行できます。

<img src="background.png" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; position:absolute; z-index:-1;" />
<div style="position: static;z-index: 1; ">
    content
</div>