views:

1259

answers:

2

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?

+1  A: 

The inset keyword is currently not supported in Safari, but is supported in Opera as of version 10.5. Check that you're using the latest versions of each; Opera has not yet released 10.5 for OS X.

Sources:

Ron DeVera
Wow, I thought Safari was more updated... but is not a great loss, Safari does not run into my GNU/Linux system.
mkotechno
A: 

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.

jQuery templates