jquery.corner() IE中透明背景

Question

我正在尝试使用 Jquery.corner() 来圆化我的 div 的角。

但是在 IE 中，角背景是父级的 div 颜色(主体颜色:#C70036；)。我正在使用背景图像，因此您可以在黄色框中看到 ( here ) 无法正常工作。

经过一段时间的搜索，我发现了这个:

$("myDiv").corner("cc:#fff round 20px");

但是背景不仅仅是一种颜色，所以我不能使用“cc:#000000”。你知道有什么方法可以让角落背景变得透明吗？

Answer 1

只要你在 IE 中使用这些 jQuery 工具来模拟圆角，你就会一直遇到这个问题。问题是，它们的工作原理是在角的顶部绘制附加元素，因此背景始终是一个问题(还会出现其他问题，例如圆角没有平滑的抗锯齿边缘等，但背景可能是这批问题中最糟糕的)。

但是有一个解决方案 - 有一个名为 CSS3Pie 的 IE hack它使用不同的技术，并产生真正的圆角，不存在此问题。

CSS3Pie 的另一个好处是它尝试让 IE 使用标准 CSS border-radius 样式，这意味着您可以使用适用于所有浏览器的现代标准编写样式表。

另外，您的页面中不需要任何 Javascript/JQuery 代码(CSS3Pie 本身基于 Javascript，但它是从您的页面中抽象出来的，因此您永远不需要编写一行代码)。而且因为它是 IE 特定的 hack，所以它永远不会被任何其他浏览器加载；所有其他浏览器将使用 CSS 标准并免费获得圆角；只有 IE 需要运行额外的代码才能使其工作。

最后，CSS3Pie 使 IE 支持其他几种现代 CSS3 样式，例如阴影和渐变，否则很难实现。