ホームページ >ウェブフロントエンド >htmlチュートリアル >画面をbackground_html/css_WEB-ITnoseで埋める方法を教えてください。
画面をbackground_html/css_WEB-ITnoseで埋める方法を教えてください。
- WBOYオリジナル
- 2016-06-24 11:50:271100ブラウズ
c9ccee2e6ea535a969eb3f532ad9fe89
html {
背景: -moz-linear-gradient(top, #F1F1F1, #BFF08E);
背景: -webkit-linear-gradient(top, #F1F1F1, #BFF08E); {background:none;}
div{height:200px;}
531ac245ce3e4fe3d50054a55f265927
dc6dce4a544fdca2df29d5ac0ea9906b背景を画面いっぱいに表示できないのはなぜですか? ＆lt;/div＆gt; {
背景: -moz-linear-gradient(top, #F1F1F1, #BFF08E);
背景: -webkit-linear-gradient(top, #F1F1F1, #BFF08E) }
body {background:none;}
html,body{height:100%;margin:0;padding:0;}
div{height:2000px;} 531ac245ce3e4fe3d50054a55f265927dc6dce4a544fdca2df29d5ac0ea9906b高さ 2000 ピクセル以降は?背景を画面全体に表示できないのはなぜですか? 16b28748ea4df4d9c2150843fecfba68
スタイルは div で設定されています
<style>div {background: -moz-linear-gradient(top, #F1F1F1, #BFF08E);background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);}body {background:none;}html,body{height:100%;margin:0;padding:0;} div{height:2000px;}</style><div> 上の階のお兄さん、Web ページの背景を全画面表示にしたいんです...
<style>body {background: -moz-linear-gradient(top, #F1F1F1, #BFF08E);background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);}html,body{margin:0;padding:0;} div{height:10000px;}</style><div/> ああ、どうやらそうです。ページが小さいため、すべてに互換性を持たせる方法はありません。
html,body{height:100%;margin:0;padding:0;} を使用してください。
ページのサイズが大きい場合は、100% を使用しないでください
これが唯一の方法ですか
html{ height:100%
}
無理ですか?
個人的には、PCごとに縦横の解像度が違うので、CSSだけでやるほうが面倒だと思います... 私が作ったWebサイトは、JQUERY.aeImageResize:
html:0c6f5692df790711495766c206a3e4cd///外側には DIV が含まれている必要があり、DIV 属性は overflow:hidden に設定されている必要があります
jquery:
function bgResize(id, w, h) {
var img_w = $(id).attr("w");
var img_h = $(id).attr("h");
var h_scale = h / img_h; * img_w < w) { h_scale = 0;
else if (w_scale * img_h : w });
}
else {I $ (ID) .aeimageResize ({height: h, width: 0}); w は画像を拡大縮小する長さ、H は画像を拡大縮小する幅です。次に、$(document).ready で bgResize を使用します。
背景スタイルの定義は body に配置されます
デフォルトの背景レイヤーは body です
html,body{height:100%;}
body {
background: -moz-linear-gradient(top, #F1F1F1 , # BFF08E);
background: -webkit-linear-gradient(top, #F1F1F1, #BFF08E);
HTML タグに背景を描くように言う人は誰もいません
ああ、それは役に立ちません、遭遇しました スクロールバーがあると下半身が完全に覆われていません...
あげます、先に投稿を終わらせます...
ああ、私がやるときは役に立ちません。スクロール バーに遭遇しました。下半身が完全に覆われていません...
譲ってください。皆さん、まず投稿を終了しましょう...
body {
height:auto;
min-height:100%
}