如何在java脚本的支持下为DIV创建html中的圆角渐变

Question

我已经使用过滤器来获得圆形边界的梯度和边界半径，但在IE7、8、9 中不支持

<style type="text/css">
div{
    width: 420px;
    height: 220px;
    border-radius: 12px;
    border: 11px solid #35b70e;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd);
}
</style>

Answer 1

您必须使用一些polyfill才能在IE 7和IE 8中实现这一点，因为它不支持CSS3。看看http://jquery.malsup.com/corner/这是一个创建圆角的jQuery插件。

在IE9中，边界半径：应该有效。