1 
<style>
   border-radius:10px;
</style>
<div class='radius'> <?= echo $score . 'score';?></div>

IE8では動かない

4

4 に答える 4

5

Border-Radius は、Internet Explorer 6 ～ 8 ではサポートされていません。IE 9 では、border-radius:10px を使用します。

Jqueryまたは PIE CSSで動作します

HTMLに jquery.js と jquery.corner.js を追加します。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

Javascript

$('.radius').corner();

border-radius の場合: 10px を使用

$('.radius').corner("10px");

その他の例: http://jquery.malsup.com/corner/

デモ http://jsfiddle.net/vTXXD/

于 2012-06-22T23:45:57.640 に答える
2

IE8 ではサポートされていません。IE8 で動作させたい場合は、ハックを使用する必要があります。

于 2012-06-22T23:38:31.510 に答える
2

IE 9 より前ではサポートされていません。 PIE CSSなどを使用する必要があります。これには、サイト内に htc ファイルを追加する必要があり、css は次のようになります。

.radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}
于 2012-06-22T23:38:47.237 に答える
1

border-radiusは CSS3 プロパティであり、IE8 ではサポートされていません (IE8 未満のものはサポートされていません)。

ただし、IE8 のサポートを追加するcss3pieという優れたスクリプトがあります。

于 2012-06-22T23:39:03.227 に答える