how to change the menu to displayed below the image?
Posted: 27 Dec 2010, 12:33
Hi,
I have a menu that is always open. this is great and this is how I want it.
I have an image that by default it fits the margin.
However, I have an option to zoom-in on the image.
When zooming-in, the opened menu is displayed above the image itself.
I don't like it.
I want to visitor to be able to zoom-in to view a fullscreen-fullsize image, without anything that's interfering with the image.
This works great with my logo (because it's actually the "background"), but not with the menu.
I don't mind the audio player and the image buttons (exit fullscreen/zoom) , they can stay visible.
I do want to make the menu "below" the image and not "above" it.
How can I change it to act this way?
I tried setting "z-index: -1" to 'mainmenu' in the css, but it didn't work....
Thanks
I have a menu that is always open. this is great and this is how I want it.
I have an image that by default it fits the margin.
However, I have an option to zoom-in on the image.
When zooming-in, the opened menu is displayed above the image itself.
I don't like it.
I want to visitor to be able to zoom-in to view a fullscreen-fullsize image, without anything that's interfering with the image.
This works great with my logo (because it's actually the "background"), but not with the menu.
I don't mind the audio player and the image buttons (exit fullscreen/zoom) , they can stay visible.
I do want to make the menu "below" the image and not "above" it.
How can I change it to act this way?
I tried setting "z-index: -1" to 'mainmenu' in the css, but it didn't work....
Thanks