IE 8の関連互換性

最近PCに接触して、ウェブサイトが出てきてからプロジェクトマネージャーのB君はやっとIE 8の互換性(愚かな顔)をすると言って、最も苦痛なのはdomが勝手に修正することができなくて、cssの多重化の場所が多すぎて、全身を引っ張る可能性が高いので、cssとjsの上で手を出すしかありません.

CSS 3セレクタ、HTML 5、BootStrap応答式対応リンク

キー:

ローカルモード(ftp)では せず、nodeでローカルサーバを して

を できます.

border-radius or box-shadow

.compatible{
    border-radius:5px;
    box-shadow:5px 5px 5px #000;
    behavior:url(/resource/js/pie/PIE.htc);
    position:relative;
    z-index:5;
}

キー:

ダウンロードpie.htc

behaviorのurlアドレスは、cssファイルにある アドレス

ではなく、アドレスバーに する アドレスである.

box-shadowの 、 は ( grey is not working)

を する があります.

box-shadowはinsert

をサポートしていません

githubにはposition:relativeがあると われていますが、 かないかposition:absoluteでもいい

と づきました.

box-shadow:5px 5px 5px grey;

opacity

.compatible{
    filter:alpha(opacity=50);
}

キー:

の は

パーセントです.

background-size

.compatible{
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/images/icon.png', sizingMethod='scale')
}

キー:

background-image

を する はありません.

srcの は じく アドレス

です

transform

.compatible{
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=1.2246467991473532e-16,
            M21=-1.2246467991473532e-16,
            M22=-1,
            SizingMethod='auto expand');
}

キー:

copyコードができる り:ie transform

はmatrix 3 d、 えばtranslateZ、rotateX

をサポートしない.

5.22

ソリューションに する なアドレスを つけました:HTML 5 Cross Browser Polyfills