HTML，CSS：IE中圆角没有透明背景

Question

我在IE浏览器中遇到了圆角问题。背景应该是透明的，但是出现了白色区域。请看图片：http://dl.dropbox.com/u/72686/roundedIE.png

我使用了这个jQuery插件来创建圆角：www.malsup.com/jquery/corner

同时，每个块都使用了透明效果。

谢谢。

- aneuryzm

Answer 1

您可以尝试使用CSS3来创建圆角，然后在Internet Explorer中使用CSS3 pie来修复圆角。

编辑：

刚刚在您提到的malsup网站上读到了这篇文章。

最近我添加了对支持本地边框半径舍入的浏览器（Opera 10.5+、Firefox、Safari和Chrome）的支持。因此，在这些浏览器中，插件只是在元素上设置一个CSS属性。但在IE中，我们必须等待第9版才能支持它。而对于所有浏览器，选择除“round”以外的图案需要使用“div stips”方法。

对于其他读者，这是否可以说明这个jQuery插件是基于新的CSS3和HTML5技术的呢？

- Rob

---

有点像。它使用了新的CSS3浏览器支持级别，但是为了在那些不支持的浏览器中实现相同的效果，添加了额外的标记。就我个人而言，这不是我会采取的方法。似乎只为了几个圆角而增加了大量的脚本开销，并且对于非JavaScript用户来说是不可见的。OP最好使用顶部和底部圆角CSS精灵方法：http://www.learn-css-tutorial.com/CSS-Background-Image-Tricks.cfm（请参见“Flexible-width Rounded Corner Boxes”部分）。 - hollsk

那我应该使用CSS3的-moz-border-radius: 5px; -webkit-border-radius: 5px;并为IE使用该插件吗？就这样？谢谢 - aneuryzm

还有一件事：我能在CSS3中仅为顶部或底部角指定圆角吗？（适用于所有浏览器！） - aneuryzm

好的，总结一下：如果我想让所有角落都变圆，PIE可以在IE8中工作。但是，如果我只想让一个角落变圆（左上角、左下角等），它就不起作用了。在IE7中也不行。你确认这个吗？ - aneuryzm

@Patrick，不幸的是我无法确认这个问题。我还没有尝试过PIE，但你可以尝试浏览他们的论坛http://css3pie.com/forum/ 看看是否有更多用户遇到了相同的问题。 - Rob

Answer 2

我已经通过curvycorners.net解决了这个问题。

- aneuryzm