Are tooltips hiding behind dropdowns? How can you avoid this? (IE6)
I have a label with a tooltip attribute for a rollover effect. This works great. However, it seems to be hiding behind the dropdown lists that are nearby. I've tried setting up the z-index, with no luck. This problem does not appear in firefox and I have not tested it in later versions of IE.
I realize this is probably due to the low level of IE6s css compatibility, but how can I get around this?
source to share
Not the best one because it requires the javascript / jQuery library, but there is a workaround:
http://dhtmlgrounds.wordpress.com/2008/12/23/ie6-select-box-z-index-bug/
source to share
The select dropdown menu in IE6 is implemented as a Windows control, so the browser doesn't actually draw it. So it doesn't support features like z-index. One possible solution is to hide all selection boxes on the page when you show your tool. Another option is the custom dropdown menu, which you can find in libraries like Ext.
source to share
Like astander and MikeWyatt , will pick the top ones in IE. There are two ways to solve this problem:
- Use a custom checkbox rendered with a div, etc. This is quite cumbersome as you won't be able to replicate all the drop-down functions.
- Place
<IFRAME>
under the tooltip (tooltip z-index> iframe z-index). This will get around the problem, but you have to worry about the placement of the iframe overlay.
source to share