我有部分圆角的问题。请参阅大多数浏览器的第一个工作示例:
.Box { display: block; width: 100px; height: 100px; border: 1px solid black; background-color: yellow; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
你可以看到只有右下角应该是四舍五入的。自然选择将在条件IE语句中添加一个border-radius.htc hack:
.Box { border-bottom-right-radius: 20px; behavior:url(border-radius.htc); }
这不工作,因为border-radius.htc文件只访问正常的border-radius值(this.currentStyle [‘border-radius’])。黑客使用的VML是圆形,只支持arcsize的一个百分比值。
解决方法
我能够让它使用border-radius:0 0 10px 10px;和htc从
http://css3pie.com/