0

全幅ヘッダーの配置。みたいなのが出てくるといいですね。http://meem.co.vu/

区分:

<div id="shell"> 

<div class="img"><img src="http://static.tumblr.com/ydsgqx5/f28mqvumo/waterfall-nature-wallpaper.png" width="448" height="336" alt="" /></div> 
<div id="msg"></div> 

</div>

CSS:

#shell { margin:0; 
padding:30px; 
width:600px; 
height:400px; 
background:#eee; }
div.img { width:360px; 
height:280px; 
overflow:hidden; 
margin:auto; 
}
#banner {
width: 960px;
height: 400px;
margin: 0 auto 30px;
overflow:hidden;
float: left;
}
#banner img {
left: 0;
top: 0;
position:absolute;
}

その他のリンク: http://jsfiddle.net/BeCF9/55/

ページ全体を占めるように画面全体に画像を表示できないようです。

どうすればこれを達成できますか？

ありがとうございました。

4

2 に答える 2

0

私はmeem.co.vuのオーナーです！

まず、私のヘッダーのデザインを高く評価していただき、とても嬉しく思います。あなたが参照している特定のサイト レイアウトを使用しなくなったため、人々はあなたが求めていることを理解できない可能性があります。

画面上でヘッダーをフルサイズにするために私がしたことはwidth: 100%;、CSS にありました。背景もフルサイズのままにするbackground-size: cover;ために、CSS に追加しました。これが役立つことを願っています。:)

于 2013-08-21T01:46:16.583 に答える