css – IE9中的边界半径错误

前端之家收集整理的这篇文章主要介绍了css – IE9中的边界半径错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看到< 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/

猜你在找的CSS相关文章