- This topic is empty.
-
AuthorPosts
-
November 23, 2012 at 5:30 am #40943JudithParticipant
Hi there,
I try to make my lavalamp menu work like this:
http://tinyurl.com/cwrxyg5but then to have the container bg in the middle like this
http://tinyurl.com/crk4holas you can see in the second example the border from the menu disappeared and is now hidden in between the body and the container bg. Does anybody know how I can fix this?
If I change the #nav li.back to a positive z-index the submenu is not working anymore….Thanks so much in advance!!!!!!
Judith
November 23, 2012 at 5:52 am #115202JoniGiuroParticipantI don’t know how the lavalamp works but I created a version that should be easy to set up
November 23, 2012 at 5:57 am #115204Paulie_DMemberI assume this is due to all the absolute positioning of the container.
I don’t know if all this is a requirement of the effect but that’s the issue AFAICT.
November 23, 2012 at 6:21 am #115211JudithParticipanthi JoniGiuro & Paulie_D,
Thanks for your comments!
@JoniGiuro I like the example but what I miss is that it’s not visible what the ‘active’ menu button is. In my example the home is now active, if you stop hovering over the other menu items, go below the nav, the button style will fly back to the active button, in my case “home”…
@Paulie_D yes it’s due to the absolute positioning but how will I get the container to not be absolute, like in example link 2, and still have the nav functioning on top like it does in example link 1. …November 23, 2012 at 6:42 am #115216Paulie_DMemberMy question, I suppose, is..
“Is the absolute positioning fundamental to the ‘lavalamp’ effect?”
November 23, 2012 at 6:51 am #115218JudithParticipantOh, I’m sorry :)
well, not fundamental for lavalamp. In example link 2 (http://tinyurl.com/crk4hol) , where there is no absolute positioning of the container, the lavalamp works fine, only it’s moving behind the container bg so we won’t see it now.
If I leave out the container div altogether, it works perfectly :) But I like the bg image to be in the middle, moving with the content.the “#nav li.back” has a negative z-index, I tried changing the #nav li.back z-index of -1 to a positive number or static, but it will cause the submenu to disappear as soon as you hover over it…
I don’t really understand why though..November 23, 2012 at 7:15 am #115219Paulie_DMemberWell, I guess, the first thing to do is fix the effect so change the z-index of
#nav li.back
to 1.
My guess is that the .back (or however this is achieved) is sitting on top of the hovered element and so the hover comes off.
Hmmm.
November 23, 2012 at 7:19 am #115220Paulie_DMemberAha…on
#nav li.back
add
pointer-events: none;
November 23, 2012 at 7:28 am #115221JudithParticipantWOW, great it works! :)))
http://tinyurl.com/crk4holNovember 23, 2012 at 7:31 am #115222 -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.