CSS Image Overlay with Linked Text
by Ken Walton on Nov 3, 2010 at 7:28:04 pm
I'm running into a problem recreating an easy to pull off "print" effect one of our designers came up with for a site I'm working on.
I've got a fixed-height, scrollable sidebar that shows an unlimited number of event/news entries (via PHP), but I need the bottom 15% or so of the div to "fade to black". I'm halfway there, as you can see on this semi-static example here: http://mh1webdesign.com/~kirkbaue/dev/gradientTest.html
The problem is, I need my linked text "behind" the overlaid PNG to remain linkable/selectable...
PS. this example is just page text - no php calls or scrolling yet. It seems like the solution should work the same way on either though.