CSS大师请帮我弄清楚这些圆角吗？

Question

我正在设计一个网页，我的设计在谷歌的 Chrome 浏览器中运行良好，但我使用的是 CSS 'border-radius' 属性，我相信你知道 IE 不支持该属性。我正在尝试我能想到的一切，但我有一些事情正在给我带来很多麻烦

• 我试图在其上获得圆角的“盒子”有一个带有背景图片的白色背景
• 页面背景为渐变色，外角必须透明才能正确显示。
• 我的盒子周围有一个绿色边框。

这是一个示例图片，显示了我想要实现的目标： alt text http://www.freeimagehosting.net/uploads/77c9ec6c32.png

让我知道看看我当前的 CSS 和 HTML 是否有帮助。我尝试了很多不同的事情，但他们都有一个或另一个问题。盒子背景在我的 CSS 中设置为右下角的非重复图像，并且褪色效果来自它是部分透明的，因此它会褪色为白色，因为这是盒子的背景颜色。流体解决方案会很好，但我可以使用固定宽度的解决方案。

背景是导致我的主要问题的原因。如果我将 HTML 分解为多个 div，我不知道如何让背景填充整个内容。

HTML:
<div class="content">
<jdoc:include type="component" />
</div>

CSS：
.content {
背景颜色：#FFFFFF;
边框：实心 2px #ACD579;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
边框半径：13px;
填充：1em 2em;
}
.content
{
背景图片：url(../img/pagebG.gif);
背景位置：底部；
背景重复：重复-x；
}

Answer 1

如果你提供你的代码会更好，这样我们就可以看到你哪里出错了。 另外，IE6中的分页是否存在？或者只是一般的IE？ 要在 IE 中获得圆角，您可以使用CSS3 Pie，这使得“Internet Explorer 6-8 能够呈现几个最有用的 CSS3 装饰功能。”。