Css 如何使用图像而不是框阴影来达到类似的效果？

我想实现如下图所示的长方体阴影效果：

但是我不想使用css3

box shadow

属性。（这是因为我正在构建一个phonegap android应用程序，在使用

box shadow

时它有滞后问题）

有谁能指导我如何利用图像或其他技术来设计上图所示的div样式。代码将非常有用，因为我不是CSS专家

有关信息：

呈现上述div的css3代码如下：

.drop-shadow {
    position: relative;
    float: left;
    width: 40%;
    padding: 1em;
    margin: 2em 10px 4em;
    background: white;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

---

使用一种较旧的技术来实现此效果：

---

使用一种较旧的技术来实现此效果：

---

是否需要根据按钮的内容（文本）动态调整按钮大小？这将影响您构建按钮的方式。是的。我需要动态调整大小。谢谢是否需要根据按钮的内容（文本）动态调整按钮大小？这将影响您构建按钮的方式。是的。我需要动态调整大小。谢谢