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

Question

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

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

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

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

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

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

Answer 1

您需要将盒子切成 3 部分。顶部、中间和底部。然后拉伸中间部分以填充可变大小的区域。查找 CSS 滑动门技术。