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

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

奇特的圆角和阴影非常重要：

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

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

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

---

你可以告诉我，如果我被这些限制搞砸了，我不介意。不过，如果你能告诉我原因，我将不胜感激。：

你需要把这个盒子切成三段。顶部、中部和底部。然后拉伸中间部分以填充可变大小的区域。查阅CSS滑动门技术。

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

他说得对。使你的顶部和底部区域只足够大，以覆盖阴影和1像素的白色背景。中间部分应该包括阴影的左侧和右侧以及白色背景的一个像素。因此，您的图形将非常宽，但只有几个像素高（取决于阴影的大小）。在我能想到的代码中实现的最简单的方法是使用这三幅图像的div作为背景（中间的div将重复-y）。如果我在我的三幅图像中包括去角，就像在第二幅图片中一样，并填充中间部分，我将在顶部和底部有一个轻微的填充。我的内容必须到达里面的整个空白处。在底部，它讨论了一些解决问题的方法。确保将img和div的边距和填充重置为零。就像在img中一样，div{margin:0px；padding:0px}他是对的。使你的顶部和底部区域只足够大，以覆盖阴影和1像素的白色背景。中间部分应该包括阴影的左侧和右侧以及白色背景的一个像素。因此，您的图形将非常宽，但只有几个像素高（取决于阴影的大小）。在我能想到的代码中实现的最简单的方法是使用这三幅图像的div作为背景（中间的div将重复-y）。如果我在我的三幅图像中包括去角，就像在第二幅图片中一样，并填充中间部分，我将在顶部和底部有一个轻微的填充。我的内容必须到达里面的整个空白处。在底部，它讨论了一些解决问题的方法。请确保将img和div的边距和填充重置为零。与img一样，div{margin:0px；padding:0px}