Box-shadow and inset box-shadow possible conflict

[soltek]

Hello guys,

 

I think I've done this before, but at this time it isnt working, so I'm not quite sure if I actually did it before.

 

So, I'm trying to give a div a box-shadow and also an inset shadow.

The thing is I cant, for some reason. Only one of the box-shadows is displayed.

 

For ex:

-webkit-box-shadow: 10px 10px 10px 10px #000 !important;
-moz-box-shadow: 10px 10px 10px 10px #000 !important;
box-shadow: 10px 10px 10px 10px #000 !important;

-webkit-box-shadow: inset 0px 0px 5px 5px #000000 !important;
-moz-box-shadow: inset 0px 0px 5px 5px #000000 !important;
box-shadow: inset 0px 0px 5px 5px #000000 !important;

 

Any idea?

You can test it http://cssdesk.com/

[cssfreakie]

if multiple box-shadows are supported, you need to add a comma like so:

box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(0,0,0,0.2) 0px 1px 3px;

 

 

edit: more info can be found at http://css3.info

[cssfreakie]

I marked it solved, because this is just works. a reply would be nice....