- This topic is empty.
August 15, 2011 at 9:11 pm #33926
I am struggling with this example page
The download latest brochure button in the header is being positioned using z-index below the blue wave. However as the z-index of the blue wave is higher than that of the button, this is making the button non-clickable. This might also be due to how I have positioned the blue wave and its associated height, but I’m not sure of that yet.
I want to have the button behind, then the wave, then the logo; but the button and logo need to be clickable.
Any advise on how this can be achieved would be appreciated.
TimAugust 15, 2011 at 9:17 pm #85045
I should also have said that the button will not always be present which is why it is being rendered as a separate image.August 18, 2011 at 10:44 pm #85213
I have a crude workaround here : http://sandbox.rockingdesign.co.nz/index2.html but this relies on an empty div.
Can anyone suggestion anything better.August 19, 2011 at 1:01 am #85220ethanhinsonMember
You could probably do it without the extra div, something like….
And then use top, left etc. to position accordingly. Also might need a little tweaking to work at multiple resolutions but hopefully that can get you going!
EAugust 21, 2011 at 2:30 pm #85350
Thanks ethanhinson. I’m trying this out now.
- The forum ‘CSS’ is closed to new topics and replies.