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/ 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 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.... 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
Archived
This topic is now archived and is closed to further replies.