0

1600x1200 の画像があります

サイトの背景画像として使用したいと考えています。画像は静的である必要があり、コンテンツのみがスクロール可能である必要があります。

これは私が試したことです:

background-image: url('blog-baggrund2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

問題はbackground-size: cover;、画像全体が表示されないようにbackground-size: contain;拡大し、画面全体に収まらないように最小化することです(少なくとも幅-高さは完璧です)

私自身の画面解像度は 1600x900 です

jsFiddle:

http://jsfiddle.net/zJNLJ/4/

画像の下部にある「黒い」ものはすべて表示されていないことに注意してください。

助言がありますか?

4

3 に答える 3

2

このフィドルを試してください: http://jsfiddle.net/zJNLJ/5/

に変更しbackground-sizeました100% 100%

于 2012-08-15T22:10:16.230 に答える
0

background-size プロパティは、あなたが望むことをします。「背景サイズ:カバー;」幅と高さの両方がコンテンツ領域内に収まるように、画像を最小サイズにスケーリングします

もっと @ http://www.w3schools.com/cssref/css3_pr_background-size.asp

于 2012-08-15T23:11:40.733 に答える
0

画像の幅と高さが同じになるように編集してから、100% に設定してみてはいかがでしょうか。この形が一番似合うかも。

于 2012-08-15T23:20:21.137 に答える