CSS3 box-shadow + inset + RGBA [英] CSS3 box-shadow + inset + RGBA

问题描述

我使用CSS3的新功能进行一些测试，但此组合仅适用于最新版本的Chrome和Firefox，但不适用于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);

我真的不知道他们是否在box-shadow本身失败，或RGBA颜色。这是一个语法错误，或者只是Safari和Opera没有这个？

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?

推荐答案

inset 关键字在Safari 4不支持，但在Safari 5和Opera 10.5支持。

The inset keyword 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.

资料来源：

• https://developer.mozilla.org/En/CSS/ -moz-box-shadow＃Browser_compatibility


• http://dev.opera.com/articles/view/css3-border-background-boxshadow/#box-shadow

• https://developer.mozilla.org/En/CSS/-moz-box-shadow#Browser_compatibility
• http://dev.opera.com/articles/view/css3-border-background-boxshadow/#box-shadow

这篇关于CSS3 box-shadow + inset + RGBA的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！