IE中的边界半径使用（所有版本）[重复]

Posted 2023-03-06

【中文标题】IE中的边界半径使用（所有版本）[重复]

【英文标题】：border-radius use in IE (All Version) [duplicate]

【发布时间】：2014-05-22 18:57:36

【问题描述】：

如何在IE中使用border-radius。（所有浏览器）

因为firefox，chrome都支持border-radius，但是IE怎么用呢？

【问题讨论】：

至少IE 10支持border-radius，所以你应该更具体，这里不要包括所有版本。

caniuse.com/#search=border-radius

border-radius 特性并不是很重要的东西，它只是某种 UI 增强，所以对于其他版本，我们只是接受尖锐的方角。我想很多人很快就会切换到最新版本。

您可以使用 JS polyfill，例如 css3pie 以实现 IE8 复古兼容性

【参考方案1】：

你需要试试这个：

.my-block 
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  /* Для плохих IE */
  behavior: url(border-radius.htc); /*IE border-radius */

幸运的是，IE可以相当漂亮地赢得自己的手段。我最喜欢的使用 VML 和行为的解决方案之一 - 弯角。要使用合并border-radius.htc，我们在CSS旁边添加并使用以下代码：花费时间