タグの外側にウェブページの背景画像を設定しようとしています。助けてください。私はグーグルで検索しようとしましたが、私が見たすべてのデモまたは例はタグの背景画像属性を使用しています。
CSSのようにタグ以外にそれを行う他の方法はありますか?
がWebページの表示可能でレンダリングされた部分であることを考えると、の外側に背景を配置するbody
ことは実際には意味がありません。body
Webページに背景を適用するには、実際に次のbody
ようなタグを使用します。
body
{
background-image:url('..URL HERE..');
}
はい、
ステップ1:
idの背景を持つdivタグを作成し、<div id="background"></div>
それを本文の最初の要素として配置します。
ステップ2:
画像タグをdivタグ内に配置すると、次のようになります。<div id="background"><img src="someimg.jpg" alt="bgimage" />
ステップ3:
CSSファイルに以下を追加します。
div#background
{
position: fixed;
top: 0px;
left: 0px;
}
div#background img
{
width: 100%;
height: 100%;
}
body,html
{
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 100%;
}