0 
nav li a.home                   { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}

nav li a.contact                { background:url('../img/custom_icons/email.png') no-repeat center; background-size: 32px 35px; background-position: 0px -1px; }

nav li a.show_all               { background:url('../img/custom_icons/slide.png') no-repeat center; background-size: 35px 50px; background-position: -5px -10px; }

#facebook {
    background: url(../img/custom_icons/facebook.png) no-repeat;
    background-size:30px 30px;
}

#sina {
    background: url(../img/custom_icons/sina.png) no-repeat;
    background-size:30px 30px;
}

chrome / fx または他のブラウザーの背景画像は完全に配置されていますが、IE 8 ではそうではありません。小さすぎる/大きすぎるか、単に他の場所に移動するだけです。問題を修正して他のブラウザーとまったく同じように動作する方法? ありがとう

更新: ms フィルターを追加した後、まだ機能していませんか?

nav li a.home                   { background:url('../img/custom_icons/home.png') no-repeat center; background-size: 30px 30px; background-position: 0px -1px;}

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/custom_icons/home.png',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/custom_icons/home.png',
sizingMethod='scale')";

提案されたフィルターを追加した後の css ファイルを次に示します。しかし、それはまだ機能していませんか？このようにコードを配置することは正しいですか? ; があるので、かなり奇妙に思えます。最後に " after ='scale') 。ありがとう

4

2 に答える 2

2

「background-size」はIE8では機能しません。

http://caniuse.com/#feat=background-img-opts

于 2013-01-25T02:26:24.390 に答える
1

ここでのこの回答https://stackoverflow.com/a/6353808/358906は、以下の私の元の回答よりもおそらく優れています。

IE8では、ブラウザモードがIE8標準に設定されていることを確認してください。設定されていない場合は、変更して問題が解決するかどうかを確認してください。問題が解決した場合は、メタタグまたはサーバーヘッダーを使用して、IE8が常にI8標準モードを使用するように指示する必要があります。

IE8開発者ツール

于 2013-01-25T02:25:16.510 に答える