【问题标题】:border-radius use in IE (All Version) [duplicate]IE中的边界半径使用(所有版本)[重复]
【发布时间】:2014-05-22 18:57:36
【问题描述】:

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

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

【问题讨论】:

  • 至少IE 10支持border-radius,所以你应该更具体,这里不要包括所有版本。
  • border-radius 特性并不是很重要的东西,它只是某种 UI 增强,所以对于其他版本,我们只是接受尖锐的方角。我想很多人很快就会切换到最新版本。
  • 您可以使用 JS polyfill,例如 css3pie 以实现 IE8 复古兼容性

标签: html css


【解决方案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旁边添加并使用以下代码:花费时间

【讨论】:

    猜你喜欢
    • 2014-04-30
    • 2012-02-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-08
    • 1970-01-01
    相关资源
    最近更新 更多