1

新しいブラウザ用のWebサイトを構築していますが、IE8でも適切に表示されるようにしたいと思います。問題が発生するまで、すべて問題ありませんでした。background-sizeIE8では機能しないことがわかりました。いくつかの調査の後、私はある種の「ハック」を見つけることができましたが、それは私にとってはうまくいきませんでした。

多分私は何か間違ったことをしている。このコードを見て、IE8のバックグラウンドサイジングを修正するソリューション（できればCSSソリューション）を提案してください。

.logo {
    width: 190px;
    height: 204px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-size: 190px 204px;

    /** This is the so called IE8 hack, but it doesn't seem to work **/

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

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

    /** End of Hack */

    position: absolute;
    display: block;
    z-index: 99;
    margin: -73px 0 0 405px;
}
4

2 に答える 2

1

ポイントはRetinaスクリーンですよね？そのような画面の市場シェアはそれほど大きくないので、最初に「標準」の画像を使用してから、必要に応じて高解像度に置き換えることをお勧めします。

たとえば、 Retina.jsでそれを行うことができます。

または、代わりに画像タグを使用することもできます。IE8で動作します。幅と高さのプロパティを定義することを忘れないでください。

<a href="/" class="logo">
  <img src="img/logo.png" width="190" height="204" alt="Bryuvers">
</a>
于 2012-08-16T14:28:51.433 に答える
0

IE8は、CSS3のBackground-sizeプロパティをサポートしていません。ただし、このリンクhttp://msdn.microsoft.com/en-us/library/ms532969%28v=vs.85%29.aspxを参照してください。これはあなたを助けるかもしれません。

于 2013-07-12T12:01:48.630 に答える