CurveyCorners/CSS3PIE替代方案和毛刺

Question

我正在尝试圆角(最好使用border-radius css，但我可以在这一点上考虑其他选择)。我尝试过CSS3PIE，但它在IE8和jquery中引起了问题，并且显示问题出现了，项目从真实位置移动了几个像素。然后我尝试了CurveyCorners，但它阻止了我在悬停时更改css (使用jquery $(this).removeClass("nohover");$(this).addClass("hover"); )。

还有别的选择吗？

Answer 1

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

• 在所有现代浏览器中为圆角使用CSS边框半径
• 让老的浏览器优雅地降级
• 使用较少的CSS (对于混合)：http://lesscss.org/
• Use较少的CSS混合来轻松编码边框半径，无需为不同的浏览器输入特定版本的-radius。在开发(或使用代码包)时编译http://lesselements.com/
  • Use less.js。

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

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

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

最后:试图强制IE8在Javascript中使用圆角的主要问题之一是，通常你会要求浏览器做很多额外的工作。运行IE8的机器通常是机构机器，没有大量额外的马力可供使用。这可能会使最终用户体验比降级的CSS页面差得多。