CSS大师请帮我指出这些圆角？

我有一个我正在设计的网页，我的设计在谷歌的Chrome浏览器中效果很好，但是我使用CSS'border-radius'属性，因为我相信你知道IE不支持这个属性。我正在尝试我能想到的所有事情，但我有一些事情正在进行，这正在导致我很多麻烦CSS大师请帮我指出这些圆角？

我试图让圆角的问题'盒子'带背景图像的白色背景
页面背景为渐变，外角必须透明才能正确显示。
我有一个绿色的边框在我的箱子周围运行。

下面是一个示例图像，显示我想要实现： alt text http://www.freeimagehosting.net/uploads/77c9ec6c32.png

让我知道，如果这将有助于看到我目前的CSS和HTML。我尝试了很多不同的东西，但他们都有一个问题或另一个问题。盒子背景设置在我的CSS中，作为右下角的非重复图像设置，淡入淡出效果来自它的部分透明，因此它会变成白色，因为这是盒子的背景颜色。流体解决方案会很好，但我可以使用固定宽度的解决方案。

背景是什么导致我的主要问题。如果我将HTML分成多个div，我无法弄清楚如何让背景填充整个事物。

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

CSS：
。内容{
背景色：#FFFFFF;
border：solid 2px＃ACD579;
-webkit-border-radius：13px;
-moz-border-radius：13px;
border-radius：13px;
填充：1em 2em;
}
。内容
{
背景图像：网址（../ IMG/pagebG.gif）;
background-position：bottom;
background-repeat：repeat-x;
}

来源

2010-08-05 rushinge

是的。这将非常有助于查看您当前的代码。 – 2010-08-05 01:57:29

可能的重复http://stackoverflow.com/questions/2310833/what-is-the-best-way-to-create-standards-based-cross-browser-compatible-rounded – sarnold 2010-08-05 01:58:35

我已经添加了我目前的代码在我尝试过的一切中都能正常工作，但IE – rushinge 2010-08-05 16:55:03

如果你提供你的代码会更好，所以我们可以看到你错在哪里。此外，是在IE6中的页面打破？或只是一般的IE浏览器？要在IE中获得圆角，您可以使用CSS3 Pie，它使“Internet Explorer 6-8能够呈现几个最有用的CSS3装饰特征”。

来源

2010-08-05 12:59:59 user409831

感谢您的指点。我正在尝试让CSS3 Pie正常工作。 – rushinge 2010-08-05 16:55:54

非常感谢这是我发现的最好的解决方案！ – rushinge 2010-08-06 22:52:10

CSS大师请帮我指出这些圆角？

回答

相关问题