-1

thisclassと this id(たとえば) を使用して、1 つの div に画像を追加しています。

.icones { 
    background: transparent url('../contents/homepage/60/icones.png') no-repeat;
    display: inline-block;
    width: 50px;
    height: 48px;
    background-size: 60px;
}
#contact {
    background-position: 0px -60px;
}

では、すべて問題なく、Chrome見栄えもよく、すべてのプロパティが に表示されますが、 には問題があります。element inspectorIE

の開発者ツールでページを調べたIEところ、「background-size」が表示されないことがわかりました。

chromeで非表示にすると と同じページになるため、問題が発生するのはその問題であることを知っていますIE

私の質問は次のとおりです。IEこれを強制的に適用するにはどうすればよいbackground-sizeですか?

ありがとう!

編集 :

したがって、フィルターを使用しても機能しないようです。

    .icones { 
        background: transparent url('../contents/homepage/60/icones.png') no-repeat;
        display: inline-block;
        width: 50px;
        height: 48px;
        background-size: 60px;

        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../contents/homepage/60/icones.png',sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../contents/homepage/60/icones.png',sizingMethod='scale')";
}
#contact {
    background-position: 0px -60px;
}

解決 :

写真のサイズを手動で編集し、背景のサイズは忘れてください。すべて大丈夫です!

4

1 に答える 1