javascript - CurveyCorners/CSS3PIE 替代方案和故障

Question

我正在尝试圆 Angular (最好使用 border-radius css，但此时我可以考虑另一种选择)。 我已经尝试过 CSS3PIE，但它在 IE8 中使用 jquery 引起了问题，并且存在显示问题，其中元素从其真实位置偏移了几个像素。 然后我尝试了 CurveyCorners，但它阻止了我在悬停时更改 css 的能力(使用 jquery $(this).removeClass("nohover");$(this).addClass("hover"); )

还有其他选择吗？

Answer 1

我已经经历过好几次了，我总是在同一个地方结束。这是我的经验告诉我的。

• 在所有现代浏览器中为圆 Angular 使用 CSS border-radius
• 让旧版浏览器优雅地降级
• 使用 LESS CSS(用于混合):http://lesscss.org/
• 使用 LESS CSS mixin 轻松编写 border-radius 代码，而无需亲自为不同浏览器输入特定版本的 border-radius。 http://lesselements.com/
• 在开发时使用 less.js 进行编译(或使用 codekit)。

这是一个 less 元素 border-radius mixin 的很好的例子:

#some_div {
  .border-radius(5px, 0, 0, 5px);
}

或者您可以手动编写不同版本的 border-radius :)

尽管如此:试图强制 IE8 使用 Javascript 具有圆 Angular 的主要问题之一是通常您要求浏览器做很多额外的工作。运行 IE8 的机器通常是机构机器，没有多余的额外马力。这会使最终用户体验比降级的 CSS 页面更糟糕。