Webkit box shadow for IE; need some help please

[maxdennx]

I added the webkit box shadow to my site i'm in the middle of creating: www.triboromma.com/index.php but it does not show up in IE. Is there a fix for this?

The current css code I have which works in firefox is:

-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
-box-shadow: 0px 1px 5px 0px #4a4a4a;

Haven't been designing for very long so any help would be greatly appreciated!

Thanks,
Max

 

[CaldwellYSR]

No no no no no no no no no

it's not a webkit box shadow. It's a box shadow. it's a css box shadow. -webkit- is a vendor prefix used to a) add support to older browsers and/or b) allow for expiremental elements to happen

Anyways beyond that, to fix it for IE then try using IE's vendor prefix which is -ms-box-shadow

 

[Phreaddee]

which will only work in IE9 +

vendor prefixes only occur in css3.
although box-shadow is as supported as border-radius so you could probably omit the vendor prefixes and simply have box-shadow

in any case like I said IE8 and below dont support ANY CSS3 so you're pushing shit uphill.

 

[ronaldroe]

CSS3PIE

 

[nullbytes]

i can't recognize what -webkit- prefix is.
can you make it clear plz?

 

[ronaldroe]

It enables experimental or upcoming effects in webkit-based browsers (Chrome, Safari, etc.)