Question

in my header I’ve got a large image. Above that image I want to place my navigation.
The clue about it: The ul-Navigation-element got a gradient background. But if I hover an li-Navigation-Link I would like to display the underlying image! (Hope that’s clear? Otherwise I’ll do some photoshop to demonstrate) This should be flexible, meaning not to give each li-Element a specific snippet form the backgroundimage.

I would prefer a JS-solution instead of a messy markup. But I appreciate every possible idea you have on your mind. Maybe I’m just overlooking the most obvious and easy solution..

Best regards (:

Here is an image of what I tried to descripe. Hope it helps:
http://s7.directupload.net/images/110226/pv4v4c5r.jpg

Answer 1

I just solved my problem with javascript/jquery. It can be found here http://jsfiddle.net/QwJKY/.