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

Question

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

有替代品吗？

Answer 1

我现在已经经历了很多次，我总是在同一个地方结束。这是我的经验告诉我的。

• 在所有现代浏览器中使用 CSS 边框半径作为圆角
• 让旧浏览器优雅降级
• 使用 LESS CSS（用于 mixins）： http: //lesscss.org/
• 使用 LESS CSS mixins 轻松编写border-radius 代码，无需为不同的浏览器亲自输入特定的border-radius 版本。http://lesselements.com/
• 在开发（或使用 codekit）时使用 less.js 进行编译。

这是一个少元素边界半径混合的一个很好的例子：

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

或者您可以手动编写不同版本的边界半径:)

不过最后：试图强制 IE8 使用 Javascript 进行圆角处理的主要问题之一是，通常您要求浏览器做很多额外的工作。运行 IE8 的机器通常是没有大量额外马力的机构机器。这会使最终用户体验比退化的 CSS 页面差得多。