-1

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

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

使用背景图像也不是一种选择，因为它计划使用无缝模式。

所以我想做的是：

  1. 放置一个居中的 div。
  2. 把从photoshop剪下来的图片放在角落里
  3. 使用 1px 高的 PS 图案作为阴影。

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

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

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

是的，我是个菜鸟，所以请放纵=）

4

1 回答 1

0

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

CSS3 派

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

于 2013-02-04T10:05:43.570 回答