css – 如何只得到一个圆角与border-radius htc hack和MSIE v：roundrect？

我有部分圆角的问题。请参阅大多数浏览器的第一个工作示例：

.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的一个百分比值。

所以我想知道使用其他VML元素是否还有其他方法可以解决问题。

另一个问题是，htc-file不支持边界，但可以使用VML的抚摸属性进行修复。例如，漂亮的角落根本不适用于角落。

解决方法

我能够让它使用border-radius：0 0 10px 10px;和htc从 http://css3pie.com/