0

IE7 で角を丸くする目的でclass:beforeclass: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;}`
4

5 に答える 5

4

および疑似要素セレクターは、IE7 ではサポートされていません:before:after

ブラウザー サポートの詳細については、このリファレンスを参照してください。

于 2012-07-09T07:47:09.213 に答える
1

これを使用http://jquery.lukelutman.com/plugins/pseudo/

于 2012-07-09T07:51:34.897 に答える
0

: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/

これがお役に立てば幸いです。

于 2012-07-09T11:16:30.067 に答える
0

これをチェックして:

http://my.opera.com/SublimeYe/blog/2011/07/01/addiing-before-after-and-other-elements-in-ie-with-expression

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;}
于 2012-07-09T07:47:34.697 に答える
0

これらのタグは IE9 未満では機能しません。IE9 未満では別のスタイルを作成してください。

于 2012-07-09T08:02:06.077 に答える