Question

我想实现框阴影效果，如下图所示：

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

Answer 1

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

如何使用图像代替box-shadow来达到类似的效果？

1 个答案: