Question

我正在尝试创建类似于this shadow effects，并检查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来执行此操作，他们使用image sprites。

Answer 2

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

IE 9 +，Firefox 4 +，Safari 5+和Chrome都支持这种风格。