2

体に背景画像を表示したい。私はcssファイルを持っていて、それを使ってボディプロパティを制御しました。background-size：100％を設定したいのですが、IE7またはIE8では動作しません。Chrome、Firefox、IE9で動作します。IE7およびIE8用に変更するにはどうすればよいですか？

私のCSSファイル：

body
     {

         background-image:url('http://www.blablabla.com/images/arka3.png');
         background-size: 100%;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-position: left;

 }
4

2 に答える 2

2

bodyタグには次のCSSを使用できます。

body
     {
        background: url('http://www.blahblahblah.com/images/arka3.png') #EBEBEB repeat-x 0 0;
 }

読み込み時間を節約するために、背景画像を1または2ピクセル幅にカットすることもできます。

条件付きCSSステートメントに新しいCSSを追加するだけで、IE7および8にのみ適用することもできます。

注：すべてのブラウザーをQAする時間がありませんでしたが、IE8とFFをチェックしました。

于 2012-11-01T13:06:33.500 に答える
0

試す

HTML

<div id="container">
    <img id="bgImg" src="img.png"/>
</div>

CSS

#bgImg {
    position: relative;
    width: 100%;
    height: auto;
}

#container {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

html,body {
    width: 100%;
    height: 100%;
}

ここでフィドル

于 2012-11-01T13:08:28.037 に答える