Box shadow problem

Matti · 1 Box shadow problem Mon Jan 31, 2011 11:34 pm

Matti

Registered Member

Posts : 1745
Points : 507
Age : 38
Location : Durres » Albania » Norway
Browser : Firefox

Hi, guys

When I use box shadow inset that works but when I use them both they doesn't work can any one tell me how to fix this...

#wrap {
-moz-box-shadow:inset 0px 5px 10px #626364;
-webkit-box-shadow:inset 0px 5px 10px #626364;
box-shadow:inset 0px 5px 10px #626364;
}

This is for the background shadow but it doesn't work only the inset shadow work.
#wrap {
-moz-box-shadow: 0px 5px 10px #626364;
-webkit-box-shadow: 0px 5px 10px #626364;
box-shadow: 0px 5px 10px #626364;
}

Kryptonian · 2 Re: Box shadow problem Tue Feb 01, 2011 2:51 am

Kryptonian

Registered Member

Posts : 41
Points : 13
Age : 27
Location : United States, Oregon
Browser : Google Chrome

Outset box shadow? Razz

Inset box shadow? Razz

The CSS you have isn't incorrectly placed or anything. Its likely that its something else to do with other CSS you have, or your browser... Razz

(I'm likely to believe that its other CSS?)

Guest · 3 Re: Box shadow problem Tue Feb 01, 2011 3:16 am

Guest

I think he's trying to do both simultaneously, like this:

Inset/outset box shadow? Razz

He must combine the box-shadow rules into a single rule, as follows:

Code:: #wrap { -moz-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; -webkit-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; }

Kryptonian · 4 Re: Box shadow problem Tue Feb 01, 2011 3:51 am

Kryptonian

Registered Member

Posts : 41
Points : 13
Age : 27
Location : United States, Oregon
Browser : Google Chrome

@Dion good thinking. Hooray for multiple shadows.

Spoiler:

Emilio · 5 Re: Box shadow problem Tue Feb 01, 2011 4:29 am

Emilio

Registered Member

Posts : 943
Points : 325
Age : 29
Location : Belgium
Browser : Google Chrome

Haha , You guys make me laugh
You guys make it look so easy Smile

Guest · 6 Re: Box shadow problem Tue Feb 01, 2011 6:05 am

Guest

Emilio wrote:You guys make it look so easy

Krypt has come a long way in the past year...but then again, he learned from "studying" my code, so the result was inevitable. Very Happy

RecAgenda · 7 Re: Box shadow problem Tue Feb 01, 2011 7:00 am

RecAgenda

NewsReporter

Posts : 112
Points : 44
Age : 34
Location : Altus AFB, Oklahoma
Browser : Opera

Now, now children. Rolling Eyes

Kryptonian · 8 Re: Box shadow problem Tue Feb 01, 2011 10:14 am

Kryptonian

Registered Member

Posts : 41
Points : 13
Age : 27
Location : United States, Oregon
Browser : Google Chrome

@RecAgenda Razz

@Dion

Russel · 9 Re: Box shadow problem Tue Feb 01, 2011 10:52 am

Russel

Moderator

Posts : 825
Points : 50
Age : 34
Location : Philippines
Browser : Google Chrome

May i remind you guys to please avoid being off topic. All posts must be constructive in nature.

Matti · 10 Re: Box shadow problem Tue Feb 01, 2011 4:21 pm

Matti

Registered Member

Posts : 1745
Points : 507
Age : 38
Location : Durres » Albania » Norway
Browser : Firefox

dion wrote:I think he's trying to do both simultaneously, like this:

Inset/outset box shadow?

He must combine the box-shadow rules into a single rule, as follows:

Code:

#wrap { -moz-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; -webkit-box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; box-shadow:0px 5px 10px #626364,inset 0px 5px 10px #626364; }

Thank you Dion, much I appreciate your help. Very Happy

Jophy · 11 Re: Box shadow problem Tue Feb 01, 2011 6:35 pm

Jophy

Registered Member

Posts : 2714
Points : 262
Age : 28
Location : Philippines ll Requested a username change! Previously known as zoids25 :)
Browser : Firefox

Solved => Locked

Sponsored content

Quick Menu

Quick Menu

1 Box shadow problem Mon Jan 31, 2011 11:34 pm

Matti

2 Re: Box shadow problem Tue Feb 01, 2011 2:51 am

Kryptonian

3 Re: Box shadow problem Tue Feb 01, 2011 3:16 am

Guest

4 Re: Box shadow problem Tue Feb 01, 2011 3:51 am

Kryptonian

5 Re: Box shadow problem Tue Feb 01, 2011 4:29 am

Emilio

6 Re: Box shadow problem Tue Feb 01, 2011 6:05 am

Guest

7 Re: Box shadow problem Tue Feb 01, 2011 7:00 am

RecAgenda

8 Re: Box shadow problem Tue Feb 01, 2011 10:14 am

Kryptonian

9 Re: Box shadow problem Tue Feb 01, 2011 10:52 am

Russel

10 Re: Box shadow problem Tue Feb 01, 2011 4:21 pm

Matti

11 Re: Box shadow problem Tue Feb 01, 2011 6:35 pm

Jophy

12 Re: Box shadow problem

Sponsored content