IE7 で角を丸くする目的でclass:beforeとclass:afterのような 2 つのクラスを使用して いますが、IE7 では機能しません。手伝っていただけませんか?
.round:before{backgourn:url(top-bg.png) no.repeat top left;}
.round:after{backgournd:url(btm-bg.png) no.repeat bottom left;}`
IE7 で角を丸くする目的でclass:beforeとclass:afterのような 2 つのクラスを使用して いますが、IE7 では機能しません。手伝っていただけませんか?
.round:before{backgourn:url(top-bg.png) no.repeat top left;}
.round:after{backgournd:url(btm-bg.png) no.repeat bottom left;}`
および疑似要素セレクターは、IE7 ではサポートされていません:before
。:after
ブラウザー サポートの詳細については、このリファレンスを参照してください。
:before および :after 疑似要素を使用して、特定の要素のコンテンツの前後にテキストまたは画像を表示する方法は、til をサポートします: IE8
角を丸くするには、IE バージョン のPIE.htcを使用できます。PIEは Internet Explorer 6 ~ 9 をサポートし、このPIE.htcファイルを使用してあらゆる種類の最も有用な CSS3 装飾機能をレンダリングできます。
これは、 IE ソリューションのダミーCSSです。
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #EEFF99;
behavior: url(/PIE.htc);
PIEの詳細については、記事を読むことができます..... http://css3pie.com/
これがお役に立てば幸いです。
これをチェックして:
IE7.selector .before
とのスタイルの設定.selector .after
.round{
zoom:expression(runtimeStyle.zoom = 1, insertAdjacentHTML('', '<div class="before"></div>'), insertAdjacentHTML('', '<div class="after"></div>'));
}
.round .before{backgourn:url(top-bg.png) no-repeat top left;}
.round .after{backgournd:url(btm-bg.png) no-repeat bottom left;}
これらのタグは IE9 未満では機能しません。IE9 未満では別のスタイルを作成してください。