两侧有两个 div 的居中 div - （非现有的完整作品）

Question

好吧，这就是故事。我正在开发我的第一个站点，遇到的第一个问题是制作主 div 的圆角，它将包含所有内容。 CSS3 是一个很好的解决方案，但与 IE6-8 的不兼容让我望而却步。

我还需要将圆角 div（它实际上是矩形，950x1600，圆角 30 像素）居中并在边框上有一个漂亮的阴影。

使用背景图片也不是一个选项，因为它计划使用无缝图案。

所以我想做的是：

1. 放置一个居中的 div。
2. 将从 Photoshop 剪切的图像放在角落里
3. 使用 1 像素高的 PS 图案作为阴影。

一切都会好起来的，但“图案化”背景会搞砸一切。 所以我在这里看到的唯一解决方案是在居中的 div 的两侧放置两个 div，从右上角制作正确的一个绘制图案，这样从 photoshop 切割的边框将与侧板 div 无缝匹配，用作背景图像。

现在告诉我，伙计们，我是想在这里发明一辆自行车，还是有更好的解决方案？

附言我发现的所有解决方案在某种程度上都是无用的。有些非常接近，但在 div 周围留下了 10px 的空白区域。或者在调整到必要的高度和宽度后不要滚动和掉出页面。有文本的表格没有文本是没有用的（不是吗？如果我删除文本它就会消失）

是的，我是个菜鸟，所以请放纵一下 =)

Answer 1

如果您主要关心的是旧版本 IE 中的圆角属性支持，那么可能值得查看 CSS3Pie (css3pie.com) 之类的插件。这使用了 'behaviour' 属性，因此它不会与您的其他浏览器混淆 - 为 90% 的当前浏览器添加过时的标记是没有意义的（即针对最低公分母进行设计）。

CSS3 Pie

说实话，我通常会完全放弃旧版本 IE 中的圆角——只要内容优雅地降级，这绝对没有什么坏处。但是，如果你真的想要一个一致的外观，我肯定会使用像上面这样的插件，而不是围绕早就应该停止使用的浏览器来构建你的整个页面。