0

次のコードがあります。

#background-cover {
    width: 100%;
    height: 100%;
    padding: 0px 0px 20px 0px;
    background: url('background.jpg') no-repeat top left scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale'); zoom: 1;
}

利用方法：

<div id="background-cover">
    <div id="container">
        <p>Content Here</p>
    </div>
</div>

chrome、ie9+、firefox などではまったく問題なく動作しますが、ie8 では小さな問題が発生します。ウィンドウの下部まで伸びていないようです。画像の実際の寸法のみをロードしているように見えます。とにかくこのあたりはありますか？

ちなみにbackground.jpgはcssファイルと同じフォルダにある

仕事関係なのでリンクは貼れませんが、よろしくお願いします

4

1 に答える 1

0

MaxImage2ライブラリを使用してみてください。

MaxImage2 は最新のすべてのブラウザーで動作し、バージョン 7.0 までの IE でも動作します。

于 2013-07-16T08:05:20.657 に答える