Question

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

.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']）。 hack使用的VML是roundrect，只支持arcsize的一个百分比值。

所以我想知道是否通过使用其他一些VML元素可以解决问题呢？

另一个问题是htc-file不支持边框，但可以使用VML的stroked属性修复。例如，漂亮的角落根本不适合角落。

Answer 1

我能够使用border-radius: 0 0 10px 10px;和来自http://css3pie.com/的htc

Answer 2

The other solution: select TableA.*,TableB.* from TableA inner join TableB on TableA.id=TableB.id where TableA.id in (select distinct id from TableA group by id having count(*) > 1) not to make the CPU calculate unneeded border roundings

如何只获得一个带有border-radius htc hack的圆角和MSIE v：roundrect？

2 个答案: