Question

.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，但是只能找到雕刻（轮廓）但没有圆角的圆角。边缘仍然是尖角。如何从四边都做成圆角按钮。请帮帮我此

Answer 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);

如何在IE 9中制作带圆角的按钮？

1 个答案: