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

1 回答 1

1

IE 不需要前缀：

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

使用 IE9，重要的步骤是使用边缘 META 标记（在标题中）：

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

“edge”表示“使用最新的渲染引擎”，因此 IE 9 将使用 9，10 使用 10，以此类推。

并提供行为黑客：

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