CSS大师请帮我看看这些圆角?

时间:2010-08-05 01:54:06

标签: css internet-explorer rounded-corners

我有一个我正在设计的网页,我的设计在google的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 {
      background-color:#FFFFFF;
      border:solid 2px#ACD579;
      -webkit-border-radius:13px;
      -moz-border-radius:13px;
      border-radius:13px;
      填充:1em 2em;
    }
    。内容
    {
      background-image:url(../ img / pagebG.gif);
      background-position:bottom;
      background-repeat:repeat-x;
    }

1 个答案:

答案 0 :(得分:1)

如果你提供你的代码会更好,所以我们可以看到你出错的地方。 另外,IE6中的页面是否打破?或者只是IE浏览器? 要在IE中获得圆角,可以使用CSS3 Pie,这使得“Internet Explorer 6-8能够呈现几个最有用的CSS3装饰功能。”。