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

Question

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

奇特的圆角和阴影是基本的：

盒子的内容必须到达白色的边缘：

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

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

你可以告诉我，如果我搞砸了这些限制，我不介意。我很感激告诉我为什么虽然：）

Answer 1

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