soltek Posted September 17, 2011 Share Posted September 17, 2011 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/ Quote Link to comment https://forums.phpfreaks.com/topic/247343-box-shadow-and-inset-box-shadow-possible-conflict/ Share on other sites More sharing options...
cssfreakie Posted September 18, 2011 Share Posted September 18, 2011 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 Quote Link to comment https://forums.phpfreaks.com/topic/247343-box-shadow-and-inset-box-shadow-possible-conflict/#findComment-1270373 Share on other sites More sharing options...
cssfreakie Posted September 20, 2011 Share Posted September 20, 2011 I marked it solved, because this is just works. a reply would be nice.... Quote Link to comment https://forums.phpfreaks.com/topic/247343-box-shadow-and-inset-box-shadow-possible-conflict/#findComment-1270942 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.