css - 如何创建这种阴影效果？

Question

我正在尝试创建类似于这种阴影效果，并检查了 chrome 中的 CSS，但我仍然没有得到我想要的，我当前的代码是：

.imageShadow {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 #bbb;
    box-shadow: 0 0 5px 0 #bbb;
    height: 293px;
}

注意：我的图像高度是 293px

这适用于所有浏览器吗？

有人有想法吗？

Answer 1

如果你的意思是漂亮的、弯曲的阴影，那么当前状态下的 CSS 是不允许的。他们没有使用 CSS 来做到这一点，他们使用了图像精灵。

Answer 2

这是一个显示 css box-shadow 兼容性的图表：

http://caniuse.com/css-boxshadow

IE 9+、Firefox 4+、Safari 5+ 和 Chrome 都支持该样式。