1 
.button_style
{
    color:#FFF;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    background: #2faa51;
    background: -moz-linear-gradient(top, #2faa51 0%, #207337 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2faa51), color-stop(100%, #207337));
    background: -webkit-linear-gradient(top, #2faa51 0%, #207337 100%);
    background: -o-linear-gradient(top, #2faa51 0%, #207337 100%);
    background: -ms-linear-gradient(top, #2faa51 0%, #207337 100%);
    background: linear-gradient(to bottom, #2faa51 0%, #207337 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2faa51', endColorstr='#207337', GradientType=0 );
    border:1px solid #178636;
    padding:0px 5px;
    white-space:nowrap;
    font-size:13px !important;
    line-height:20px;
    font-weight:bold;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    behavior: url(images/ie-css3.htc); 
    border-radius: 15px 15px 15px 15px;

}

ie-css3と上記のCSSを試しましたが、丸い角が刻まれている（輪郭が描かれている）だけで、丸いエッジは見つかりません。エッジはまだ尖った角です。4つの側面すべてから丸い角のボタンにする方法。これを手伝ってください。

4

1 に答える 1

1

IE にはプレフィックスは必要ありません:

border-radius: 15px 15px 15px 15px;

IE9 では、重要な手順は、エッジ META タグ (ヘッダー内) を使用することです。

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

「エッジ」は「最新のレンダリング エンジンを使用する」ことを意味するため、IE 9 は 9 を使用し、10 は 10 を使用します。

ビヘイビア ハックを提供します。

behavior: url(images/ie-css3.htc);
于 2013-02-06T11:27:35.113 に答える