Jazajay
Active Member
Hay peeps,
In the middle of coding up a sub menu so it fades in on hover and fades out on exist, using transitions.
Now I can get it to fade in simply enough, but it just "pops out" IE no reverse effect in Firefox and Chrome.
For the life of me I can't see it nor understand why.
My code is:
...
Can any body tell me why it's not fading out please as I'm totally lost as to the reason.
Was thinking it may be down to the fact I am changing an element that is not directly being "hovered" on, as this works fine for links but they are directly being "hovered" on.
Any ideas/pointers (To the problem), what so ever would be so highly appreciated you would have no idea.
Cheers
Jaz
[Note: Even though PHP code is present it is interpreted as a valid CSS document and that is not the problem, only included due to it being that line that is having the problem]
In the middle of coding up a sub menu so it fades in on hover and fades out on exist, using transitions.
Now I can get it to fade in simply enough, but it just "pops out" IE no reverse effect in Firefox and Chrome.
For the life of me I can't see it nor understand why.
My code is:
HTML:
#nav li ul{opacity:0;position:absolute;margin-top:-400px;-moz-transition:opacity 1.5s linear;-webkit-transition:opacity 1.5s linear;transition:opacity 1.5s linear}
HTML:
#nav li:hover ul{opacity:1;margin:26px 0 0 -34px;padding-top:0;background:url(data:image/png;base64,<?php echo base64_encode(file_get_contents("../img/drop.png"))?>) no-repeat;height:283px;width:227px}
Was thinking it may be down to the fact I am changing an element that is not directly being "hovered" on, as this works fine for links but they are directly being "hovered" on.
Any ideas/pointers (To the problem), what so ever would be so highly appreciated you would have no idea.
Cheers
Jaz
[Note: Even though PHP code is present it is interpreted as a valid CSS document and that is not the problem, only included due to it being that line that is having the problem]