box-shadow: 3px 3px 6px 6px;
此属性在 chrome firefox IE 中有效，但在 safari 5 浏览器中无效
我试过这样写，但它不起作用
-webkit-box-shadow:3px 3px 6px 6px;
问问题
23724 次
5 回答
20
-webkit-appearance: none;
-webkit-box-shadow: 3px 3px 6px 6px #addacolor;
box-shadow: 3px 3px 6px 6px #addacolor;
于 2013-09-23T06:56:12.693 回答
4
你还没有在这里定义颜色（box-shadow: h-shadow v-shadow blur spread color inset;）
<color>如果未指定，则使用的颜色取决于浏览器 - 通常是 color 属性的值，但请注意，Safari 当前在这种情况下绘制透明阴影。
所以为 safari 定义颜色
-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;
于 2013-09-23T06:54:47.220 回答
3
作为参考，我对这个 box-shadow 有类似的问题：
box-shadow: 0 0.06rem 0 0 rgba(44, 43, 63, 0.1); （非常小的影子！）
它在其他浏览器中工作，除了没有显示该阴影的 Safari（v.8）。我不得不增加价值。
于 2017-09-13T10:03:37.703 回答
1
你试过吗
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
于 2013-09-23T06:53:00.617 回答
0
#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
于 2013-09-23T06:55:19.590 回答