box-decoration-breakの代替品

IE用のbox-decoration-breakの代替手段はありますか？box-decoration-breakの代替品

私の顧客はIE用の解決策が必要ですが、IEはそれをサポートしていません。

.class1 { 
 
    display: inline; 
 
    padding: 32px 20px 16px; 
 
    margin-left: -20px; 
 
    background-color: #000; 
 
    -webkit-box-decoration-break: clone; 
 
    -o-box-decoration-break: clone; 
 
    box-decoration-break: clone; 
 
} 
 

 
.class2 { 
 
    color: #fff; 
 
    display: inline; 
 
    position: relative; 
 
    z-index: 40; 
 
    padding: 0; 
 
}

<span class="class1"> 
 
    <h1 class="class2">Lorem Ipsum Ipsum</h1> 
 
</span>

出典

2017-08-09 Okami Okami

希望する動作を再現するために関連するHTMLを追加できますか？ –

コードが追加されました。ありがとうございました。 –

正直言って、あなたのコードを使用している特殊効果はありません。黒い背景にちょうど白いテキスト。 HTMLとCSSをコードスニペットに移動し、自由に編集してください。 –

あなたはこのリンクは、それがすべてのIEのバージョンでサポートされますことを示唆している

-ms-box-decoration-break: clone;

を試してみました： https://www.quackit.com/css/css3/properties/css_box-decoration-break.cfm

出典

2017-08-09 10:48:46

unfortunetely、そのように動作しないので、他の解決策を探しています –

IEブラウザでは、箱の装飾-breakプロパティをサポートしていません。ポリフィルを使用する必要があります。このリンクをチェックすると、ボックス装飾用のポリフィルが表示されます。 https://github.com/entepe85/decofill

出典

2017-08-10 06:34:01 Justin

私はdecofillをチェックしましたが、それは私にとってはうまくいかないようですが、私の問題のための迅速な解決、すべてのあなたの男の子のためにまだありがとう;） –

あなたはそれを共有することはできますか？ – Justin

box-decoration-breakの代替品

答えて

関連する問題