-1

このコードは、Google Chrome と Mozilla Firefox でのみ境界線の画像を表示しますが、IE 9 または 10 では表示しません。WordPress で使用される CSS とこのコードにどのような変更を加える必要がありますか? これを達成するために使用できるプラグインはありますか?

.Offset1 {
    width:525px;
    height:auto;
    float:left;
    margin-left:8px;
    border-style:double;
    border-width:30px 30px 30px 30px;
    -moz-border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -webkit-border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    -o-border-image: url("<?php echo  $vtheme_options['logo']; ?>")30 30 30 30 stretch stretch;
    border-image:url("<?php echo  $vtheme_options['logo']; ?>") 30 30 30 30 stretch stretch; 
    behavior:url(PIE.htc);
    position: relative; 
}

@media (max-width: 767px) {
    .Offset1{ width:222px;
        margin-left:3px;
    }
}

ここに画像の説明を入力

ここに画像の説明を入力

4

2 に答える 2

0

私の知る限り、プロパティborder-imageは Internet Explorer でサポートされていません。この1 つの小さなサンプル コードを参照してください。別のブラウザで試してみてください。Internet Explorer 以外はすべて動作します。

于 2013-02-25T13:28:55.537 に答える
0

これは、Internet Explorer が border-image をまったくサポートしていないためであり、PIE のサポートは非​​常に限定的であり、IE10 ではまったくサポートされていないことは言うまでもありません。

つまり、PIE のドキュメントに従って、IE9 以下で動作させるには非常に具体的なコードが必要であり、IE 10 ではまったく動作しません。

Internet Explorer のフォールバックを用意して、それを終了することを強くお勧めします。

于 2013-02-25T15:05:19.140 に答える