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 inspector
IE
の開発者ツールでページを調べた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;
}
解決 :
写真のサイズを手動で編集し、背景のサイズは忘れてください。すべて大丈夫です!