1

私のhtmlコード 

<div id="content_main"></div>

CSS

        #content_main
{
    width:1024px;
    height:150px;
    background:url('../images/Orange.jpg');
    background-repeat:no-repeat;
    background-size:1024px 150px;
    -moz-background-size: 1024px 150px;
    -o-background-size: 1024px 150px;
}

background-size が IE8 で機能しません,この問題を解決するにはどうすればよいですか,私にはわかりません,助けてください.

4

4 に答える 4

2

IE8 は background-image オプションをサポートしていません。caniuse.com Web サイトを使用して、さまざまな HTML5 機能のブラウザー サポート マトリックスを確認できますbackground-size。または、IE8 のサポートが必要な場合は、<img>背後にあるタグ セットを使用する必要があります。<div id="content_main">

@ahsan の推奨事項に従って、ポリフィルの提案とIE8 での回避策を含むこの他の同様の質問を確認してください。ms-filterbackground-size

于 2012-06-26T04:50:02.247 に答える
0 
#content_main{

width:1024px;
height:150px;
background:url('../images/Orange.jpg');
background-repeat:no-repeat;
background-size:1024px 150px;
-moz-background-size: 1024px 150px;
-o-background-size: 1024px 150px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/Orange.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/Orange.jpg', sizingMethod='scale')";

}

于 2014-06-12T18:33:26.983 に答える
0

CSS3background-size: cover;を使用して背景画像をストレッチbackground-size: contain;し、IE8 でも使用します。

それの使い方？

backgroundsize.min.htcWeb サイトにアップロードし、 .htaccessIE で必要な MIME タイプを送信します (Apache のみ — nginx、ノード、および IIS に組み込まれています)。

background-sizeCSS で使用するすべての場所で、このファイルへの参照を追加します。

.selector { 
    background-size: cover;
    /* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url(/backgroundsize.min.htc);
}

このようにスタイル設定された要素には、position: relative;orposition: fixed;と aが必要です。z-index.そうでない場合は、position: relative;andが与えられz-index: 0;ます。

于 2015-01-28T11:55:25.617 に答える
0

背景プロパティに関するこのリファレンスを確認してください: http://www.jacklmoore.com/notes/ie-transparency-problems

于 2012-06-26T04:54:27.980 に答える