1

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

圆形白盒

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

花哨的细节

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

在此处输入图像描述

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

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

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

4

1 回答 1

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.

于 2012-03-16T14:31:53.503 回答