看到< div>元素正确渲染border / border-radius,但是任何< a>或< button>具有背景,边框和边框半径设置将背景颜色或图像显示为正方形,只有边框是圆形的.尝试设置< a> &安培; <按钮>显示:block或display:inline-block但是没有工作.
有没有已知的解决方法?
这是一个从Webkit:https://gist.github.com/773719计算的样式的链接
以下是IE9开发工具的计算风格:
更新
使用过滤器:或-ms-filter:在IE中具有渐变的属性使背景突破了定义的border-radius.
解决方法
我发现这个优秀的博客文章显示了如何使用SVG渐变精灵来解决这个特殊问题:
http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/