IE中的Jquery.corner()透明背景

Question

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

然而，在IE中，角背景是父级的div颜色(正文颜色：#C70036;)。我使用的是背景图像，因此您可以在黄色框中看到(here)不能正常工作。

在搜索了一段时间后，我发现了这个：

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

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

Answer 1

只要你使用这些jQuery工具在IE中模拟圆角，你就总是会遇到这个问题。问题是，它们的工作方式是在角的顶部绘制额外的元素，所以背景总是一个问题(还会出现其他问题，例如圆角没有平滑的抗锯齿边缘，等等，但背景可能是最糟糕的问题)。

但是有一个解决方案--有一个称为CSS3Pie的IE黑客，它使用了一种不同的技术，并产生了真正的圆角，而不存在这个问题。

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

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

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