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

前端之家收集整理的这篇文章主要介绍了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/

猜你在找的CSS相关文章