Posted by Dave Kopecek on May 20, 2009 at 1:28pm
4 followers
Jump to:
| Project: | Rotor Banner |
| Version: | 6.x-2.1 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
If you place a rotor block directly under a YUI menu the rotor image overwrites any YUI dropdown elements.
Is it possible to modify the initial z-index of the rotor block so that rotated images will end up "below" YUI elements ?
Comments
#1
To clarify -
the conflict occurs with YUI menu version 6.x-1.1-rc2 and jQuery Plugins 6.x-1.7
This is also browser specific. Breaks in Firefox and Chrome, OK in IE 7
#2
I was able to fix this issue by setting the "Menu DIV ID" on /admin/settings/yuimenu, thenchanging the z-index of the yui menu:
#myYUIid {
z-index: 10;
}
See YUI documentation:
http://developer.yahoo.com/yui/menu/#configuringzindex
It would be nice to be able to alter the z-index of the rotor as well. I'm sure that as jQuery uses develop the z-index space may become more cluttered.
#3
The same issue arises when using nice_menus drop downs.
Solution is to modify the css as described above.
eg: for horizontal (down) menus modify your copy of nice_menus_default.css
ul.nice-menu-down {
float: left;
border: 0;
z-index: 10; /* keep our menu above rotor images */
}
#4
strange. I used this with nice_menus without any trouble on this site: http://www.playhouseharlow.com/ I must admit, this was a while ago, and with version 6.x-1.x, although I can't think of anything that has changes since then that should affect this.