Web Design Forums

djeglin · 19-12-2007, 05:01

Guys,

So, yesterday, in response to a thread I read around here sometime recently asking about drop shadows over a patterned background, and after meeting a client who wanted a similar solution, I developed a reliable, cross browser way to do transparent, graduated drop shadows over a patterned or non-uniform background. This method requires no hacks, no images etc. I’ve put up a blog post and a sample page at the following URL. If you could all take a look and give me any feedback, leave a comment or something, then I’d appreciate it.

Influxx.co.uk: CSS Shade Shadows: Properly transparent CSS only shadows

Cheers

Dave

Limbo · 19-12-2007, 06:27

was it supposed to work in IE? Nothing displayed in IE 6 here...

Works fine in FF 2

djeglin · 19-12-2007, 07:35

Yeah I know about that one... IE6 is causing me a few problems at the moment because it can only set the position of one corner of an element when using position:absolute. This means you can't get the shadows to stretch to their proper dimensions.

I'm looking at a way to figure this out at the moment, without using expressions etc, as they are javascript, and thus outside of my remit for this project, and also can cause a massive performance hit if not implemented very carefully (Multiple pollings etc).

Any help on this issue would be gratefully received.

19-12-2007, 05:01	#1 (permalink)
djeglin goober :-) Join Date: Dec 2006 Location: Birmingham, UK Posts: 525	*CSS Shade - Proper* CSS only drop shadows** Guys, So, yesterday, in response to a thread I read around here sometime recently asking about drop shadows over a patterned background, and after meeting a client who wanted a similar solution, I developed a reliable, cross browser way to do transparent, graduated drop shadows over a patterned or non-uniform background. This method requires no hacks, no images etc. I’ve put up a blog post and a sample page at the following URL. If you could all take a look and give me any feedback, leave a comment or something, then I’d appreciate it. Influxx.co.uk: CSS Shade Shadows: Properly transparent CSS only shadows Cheers Dave __________________ My signature sucks.

19-12-2007, 06:27	#2 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,309	was it supposed to work in IE? Nothing displayed in IE 6 here... Works fine in FF 2 __________________ CSS Search Engine

19-12-2007, 07:35	#3 (permalink)
djeglin goober :-) Join Date: Dec 2006 Location: Birmingham, UK Posts: 525	Yeah I know about that one... IE6 is causing me a few problems at the moment because it can only set the position of one corner of an element when using position:absolute. This means you can't get the shadows to stretch to their proper dimensions. I'm looking at a way to figure this out at the moment, without using expressions etc, as they are javascript, and thus outside of my remit for this project, and also can cause a massive performance hit if not implemented very carefully (Multiple pollings etc). Any help on this issue would be gratefully received. __________________ My signature sucks.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)