2011-06-22 8 views
1

一般的に、IEはCSS3 background-sizeをサポートしていないため、回避策を探しています。バックグラウンドサイズの代替品ですか?

私のようなCSSの設定ページの最初のものとして画像を配置してみました:

#bg_stretch { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: -10; 
    width: 100%; 
} 

が良い幅が賢明機能しますが、height: 100%を追加するので、それはの長さをカバーして動作しません。ページ。

+0

「html」と「body」の高さと、あなたの画像を含む可能性のあるものをすべて確認してください。 – BoltClock

答えて

1

これはお探しですか?

http://jsfiddle.net/VMzFB/

CSS:

#stretch { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    z-index: -10; 

    /* only ie7 needs this */ 
    height: 100%; 
} 
#stretch img { 
    width: 100%; 
    height: 100%; 
    display: block 
} 

HTML:

<div id="stretch"> 
    <img src="http://dummyimage.com/256x256/f0f/fff" /> 
</div> 

それは非常に適切でない場合は、ここでのアイデアを見て:

http://css-tricks.com/3458-perfect-full-page-background-image/

+0

ありがとうございました! – Brett

0

bottom:0;をそのCSSルールに追加してみてください。