Comments on: Cross-browser CSS3 box-shadow

By: L Walker

L Walker — Tue, 17 Jan 2012 21:36:21 +0000

I have to be able to use this:
-moz-box-shadow: 0 0 10px #555;
-webkit-box-shadow: 0 0 10px #555;
box-shadow: 0 0 10px #555;
in IE6 and IE7 and IE8. We do not have a lot of site visitors in iE9 as of yet.
However, when I save the .htc file to the appropriate location and add the line…
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘box’ class */
just below the box-shadow: shown above, it does not render in IE at all.
I have one user that is on IE9 and it still does not work.

By: tonis

tonis — Sun, 08 Jan 2012 19:21:18 +0000

thanks a lot for this, its great

By: Yehuda

Yehuda — Sun, 08 Jan 2012 17:09:44 +0000

thanx. i had that all along, just couldn’t work out why it wasn’t displaying. turns out that (on chrome at least, haven’t checked the other browsers), if you try to do an inset shadow in a text-box in a form, it only works if you stylize the border too. if you leave it to the default border settings, it will not display any box-shadow, inset or otherwise.

By: Dimox

Dimox — Sun, 08 Jan 2012 17:07:49 +0000

It looks like this:

box-shadow: inset 10px 10px 10px #000;.

By: Yehuda

Yehuda — Sun, 08 Jan 2012 16:43:23 +0000

Is it possible to do an inset box-shadow? I’ve tried a few things, and I’m sure I’ve done it before, I just can’t work out how.