2011-12-09 15 views
0

私は作っていません。IE7 divのストレッチバックグラウンド画像、CSS3をサポートしていませんbackground-size
基本的に私はimage fitting red areaが必要です。IE7のdiv背景画像を伸ばす

Divはコンテンツによって異なる高さを持つことがあります。だから私はimg faking backgroundで運がなかったのですが、私は高さを設定する方法がわかりません。

誰でもお手伝いできますか?

答えて

0

迅速なGoogle検索は、(私はそれをテストしていませんが、Googleが素敵な良い友人である)を思い付いた:

<style type="text/css"> 
    html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    } 
    img#bg{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    } 
    #content { 
    position:relative; 
    z-index:1; 
    } 
</style> 

編集:DERP。 http://dipaksblogonline.blogspot.com/2011/01/ie-78-stretching-background-image-to.html

+0

ありがとう:サンプルHTMLからリンクされ

</head> <body> <img src="size-bg.jpg" alt="background image" id="bg" /> <div id="content">Your website content.</div> </body> </html> 

を忘れました!私はこれを見た。それはページ全体の背景を描画しますが、divの場合にのみ必要です。ここでは、[http://i.stack.imgur.com/gql45.jpg](http://i.stack.imgur.com/gql45.jpg)がその例です。私の問題は、高さが100%の画像がdivを大きすぎるようにすることです。 – Xeon

+0

必要なサイズに画像のサイズを変更してから、divの背景URLとして設定するのはどうですか?確かに、それはハックの解決策です... – Gobbledigook

+0

イェップ、私はそのようにしました。 'img'を' display:none'スタイルで置きました。ドキュメントの準備ができたら、イメージをdivサイズにリサイズし、 'display:block'を設定します。汚いが動作しているソリューション:) – Xeon