2

我想实现如下图所示的盒子阴影效果：

图片在这里

但是我不想使用 css3box-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;
}
4

1 回答 1

0

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

于 2012-10-01T12:58:11.173 回答