首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css方框阴影属性在safari中不起作用

css方框阴影属性在safari中不起作用
EN

Stack Overflow用户
提问于 2013-09-23 14:50:38
回答 5查看 22.7K关注 0票数 7
代码语言:javascript
运行
复制
box-shadow: 3px 3px 6px 6px;

此属性在chrome firefox IE中有效,但在safari 5浏览器中无效

我试着这样写,但不起作用

代码语言:javascript
运行
复制
-webkit-box-shadow:3px 3px 6px 6px;
EN

回答 5

Stack Overflow用户

发布于 2013-09-23 14:56:13

代码语言:javascript
运行
复制
-webkit-appearance: none;
-webkit-box-shadow: 3px 3px 6px 6px #addacolor;
box-shadow: 3px 3px 6px 6px #addacolor;
票数 20
EN

Stack Overflow用户

发布于 2013-09-23 14:54:47

您尚未在此处定义颜色(box-shadow: h-shadow v-shadow blur spread color inset;)

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

所以定义safari的颜色

代码语言:javascript
运行
复制
-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;
票数 4
EN

Stack Overflow用户

发布于 2017-09-13 18:03:38

作为参考,我在这个长方体阴影中遇到了类似的问题:

box-shadow: 0 0.06rem 0 0 rgba(44, 43, 63, 0.1); (非常小的阴影!)

除了Safari(v.8)之外,它可以在其他浏览器中运行,因为Safari没有显示该阴影。我不得不增加价值。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18953282

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档