CSS3 盒子阴影 +插图+ RGBA
我正在使用 CSS3 的新功能进行一些测试，但这种组合仅适用于最新版本的 Chrome 和 Firefox，但不适用于 Safari 或 Opera：
box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
我真的不知道它们是否在 box-shadow 本身中失败，在插入参数，或 RGBA 颜色。这是语法错误还是 Safari 和 Opera 缺少此功能？
I'm doing some tests with new features of CSS3, but this combination only works in lastest versions of Chrome and Firefox, but not in Safari or Opera:
box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.5);
I really don't know if they fails in the box-shadow itself, in the inset parameter, or in RGBA color. It's a syntax error or simply Safari and Opera lacks on this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
Safari 4 不支持
inset关键字，但 Safari 5 和 Opera 10.5 支持。检查您是否使用的是每个版本的最新版本。来源：
The
insetkeyword is not supported in Safari 4, but is supported in Safari 5 and Opera 10.5. Check that you're using the latest versions of each.Sources:
这可能对网络程序员有帮助： opera box-shadow bug ，但是希望浏览器开发人员也会注意到它并修复这个微小但令人不快的问题。
This might help the web programmers: opera box-shadow bug , but hopefully the browser developers will notice it too and fix this tiny but unpleasant issue.