We have just started to implement using the RAD Menu. On one of our pages, we have a div which we set with a css style (background:url('....'))
When using IE6, when the Rad Menu expands the menu appears behind the image, getting hidden. I have read the posts on the z-index on other parts of the telerik site and have manually set the z-index of the menu and the menu items, and set the div itself to have a z-index of 1. I have also set the position of the div to be relative. It still goes behind.
Are there any known fixes for this? It works fine in all other browsers, we unfortunately have to support IE 6 for some of our clients.
Thanks
Eric
When using IE6, when the Rad Menu expands the menu appears behind the image, getting hidden. I have read the posts on the z-index on other parts of the telerik site and have manually set the z-index of the menu and the menu items, and set the div itself to have a z-index of 1. I have also set the position of the div to be relative. It still goes behind.
Are there any known fixes for this? It works fine in all other browsers, we unfortunately have to support IE 6 for some of our clients.
Thanks
Eric
2 Answers, 1 is accepted
0
Hi Eric,
In general the stacking order in IE6/7 is rather broken. To fix it, make sure that the container of your image has lower z-index (and position: absolute/relative if needed) than the container of your RadMenu (the containers that are on the same level in the DOM). However, in case this does not help I would suggest that you open a support ticket and send us a simple project or a live URL that demonstrates it?
All the best,
Kate
the Telerik team
In general the stacking order in IE6/7 is rather broken. To fix it, make sure that the container of your image has lower z-index (and position: absolute/relative if needed) than the container of your RadMenu (the containers that are on the same level in the DOM). However, in case this does not help I would suggest that you open a support ticket and send us a simple project or a live URL that demonstrates it?
All the best,
Kate
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal
0
Eric
Top achievements
Rank 1
Rank 1
answered on 15 Sep 2011, 03:39 PM
Hi Kate-
Thanks. It turns out that we had some divs that were lining up all of the HTML that were not properly set with position and z-indexes. After going through it and modifying a little bit of the code, it works in all browsers now. Thanks for pointing me in the right direction.
Eric
Thanks. It turns out that we had some divs that were lining up all of the HTML that were not properly set with position and z-indexes. After going through it and modifying a little bit of the code, it works in all browsers now. Thanks for pointing me in the right direction.
Eric