css box shadow属性在safari中不起作用

Question

box-shadow: 3px 3px 6px 6px;

此属性在chrome firefox IE中工作,但不在safari 5浏览器中

我尝试这样写,但它不起作用

-webkit-box-shadow:3px 3px 6px 6px;

Answer 1

-webkit-appearance: none;
-webkit-box-shadow: 3px 3px 6px 6px #addacolor;
box-shadow: 3px 3px 6px 6px #addacolor;

Answer 2

您还没有在这里定义颜色 ( box-shadow: h-shadow v-shadow blur spread color inset;)

<color>如果未指定，则使用的颜色取决于浏览器 - 通常是 color 属性的值，但请注意，在这种情况下，Safari 目前会绘制透明阴影。

所以定义 safari 的颜色

-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;

Answer 3

你有没有尝试过

-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;