box-shadow: 3px 3px 6px 6px;
此属性在chrome firefox IE中有效，但在safari 5浏览器中无法使用
我尝试这样写但是它无法正常工作
-webkit-box-shadow:3px 3px 6px 6px;
答案 0 :(得分：7)
-webkit-appearance: none;
-webkit-box-shadow: 3px 3px 6px 6px #addacolor;
box-shadow: 3px 3px 6px 6px #addacolor;
答案 1 :(得分：3)
您尚未在此处定义颜色（box-shadow: h-shadow v-shadow blur spread color inset;）
<color>如果未指定，使用的颜色取决于浏览器 - 它通常是颜色属性的值，但请注意，Safari在此情况下当前绘制透明阴影。
为safari定义颜色
-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;
答案 2 :(得分：1)
你试过
吗？-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
答案 3 :(得分：1)
作为参考，我对这个盒子阴影有类似的问题：
box-shadow: 0 0.06rem 0 0 rgba(44, 43, 63, 0.1);（非常小的阴影！）
它在其他浏览器中工作，除了没有显示阴影的Safari（第8版）。我不得不增加价值。
答案 4 :(得分：0)
#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}