html - 灵活的圆角框，带阴影，使用图像

Question

我有这个需要垂直灵活的白盒子：

花哨的圆角和阴影是必不可少的：

并且盒子的内容必须到达四周的白色边缘：

问题是，我有非常严格的限制。

• 我必须使用图像，我没有 css3。（客户要求，我知道...）
• 盒子所在的背景可以改变颜色，因此理想情况下我们使用这些图像中的透明度。
• 框本身的背景将保持白色。
• 浏览器支持是合理的，所以负边距、z-index 技巧是公平的游戏。
• 理想情况下，我想远离黑客、.htc 脚本和 JavaScript 的影响。

你可以告诉我，如果我搞砸了这些限制，我不介意。我会很感激告诉我为什么。:)

Answer 1

You need to chop the box into 3 sections. Top, middle and bottom. Then you stretch the middle section to fill the variable sized area. Look up the CSS Sliding door technique.