ホームページ >ウェブフロントエンド >htmlチュートリアル >背景画像はinterface_html/css_WEB-ITnoseのサイズに応じて変化します

背景画像はinterface_html/css_WEB-ITnoseのサイズに応じて変化します

WBOY
WBOYオリジナル
2016-06-24 12:22:001664ブラウズ

背景画像は自動的にCSSを変更します

2000×648の比較的大きな背景画像があります
CSSを使用してページの背景として設定します
CSSは次のとおりです。
body {text-align: left; "新宋体"; margin: auto;padding:0;
font-size:12px;color:#0C0C0C;
BACKGROUND:url(../images/bj.gif) no-repeat;背景画像のサイズをページのサイズに応じて自動的に変更して、画像の一部ではなく全体が常に表示されるようにする方法を教えてください。

ディスカッションへの返信 (解決策)

画像はページのサイズに応じて変化します。

width: 100%;

margin-right: auto;

margin-left: auto;
}

<img src="http://s.cn.bing.net/az/hprichbg/rb/OiaNight_061313_ZH-CN11167850861_1366x768.jpg" /><div contenteditable="true" style="border:solid 1px red;width:100px;height:100px;"></div><input type="button" value="submit"></input>

body {padding:0;margin:0;}img {    position:absolute;width:100%;height:100%;z-index:-999;}


バックグラウンド方式では実装できないようです バックグラウンド実装方式については専門家の解説を待っています。

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