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

时间:2011-01-21 10:02:47

标签: jquery internet-explorer-8 transparency

我试图用Jquery.corner()来绕过我的角落。

然而在IE中,角落背景是父级的div颜色(正文颜色:#C70036;)。我正在使用背景图片,因此您可以在黄色方框中看到here)无效。

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

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

但背景不只是一种颜色,所以我不能使用" cc:#000000"。你知道如何让角落背景透明吗?

1 个答案:

答案 0 :(得分:4)

只要您使用这些jQuery工具来模拟IE中的圆角,您将始终遇到此问题。问题是它们通过在角落顶部绘制其他元素来工作,因此背景总是一个问题(还有其他问题也出现了,例如圆角没有光滑的抗锯齿边缘等,但背景可能是这个地段最糟糕的问题。)

但是有一个解决方案 - 有一个名为CSS3Pie的IE黑客使用不同的技术,并产生真正的圆角,没有这个问题。

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

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

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