deepshah Posted January 28, 2009 Share Posted January 28, 2009 I have created a multi-level CSS dropdown menu. When a user hovers over the main link, a drop down menu appears, and some of the links on the dropdown menu create a horizontal flyout menu. There is a 90% opacity applied to the entire menu. This is what the opacity css looks like:.internalNav ul li ul { display:inline; height:100%; position:absolute; float:left; opacity:.90; filter:alpha(opacity=90);}The problem is when "filter:alpha(opacity=90);" is applied, the second level flyout menus disappear. Removing "filter:alpha(opacity=90);" will result in the flyout menus working perfectly in IE6 and IE7. It doesn't matter what # the opacity is set to, as long as there is a "filter:" it will not work in IE6 or IE7 (except filter:none).To be clear, the first level drop down is transparent and does work in both IE's. But when you hover over an element that should spawn a flyout menu, it doesn't work.I've tried setting filter:none to other elements after the main container with no luck, thinking the opacity might have been growing with inheritance.No luck with filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);No luck with changing the "position" and "display" to any combination I can think of.If anyone has solution, then please help me.Thanks in advance......... Link to comment Share on other sites More sharing options...
jlhaslip Posted January 28, 2009 Share Posted January 28, 2009 just noticed that you have a float and position Absolute. The two usually don't work together well.Does the menu work fine if you remove the opacity rule? Link to comment Share on other sites More sharing options...
deepshah Posted January 28, 2009 Author Share Posted January 28, 2009 If I remove opacity rule, then there is no change with the problem.One another problem that I have facing now is that the first level menu is working perfect in all browser.But second level menu (Sub Menu) is not working in IE. Although in Mozila Firefox it is working perfect. Link to comment Share on other sites More sharing options...
jlhaslip Posted January 28, 2009 Share Posted January 28, 2009 http://cssplay.co.uk/menus/ There are cross-browser drop-down menus available there. Link to comment Share on other sites More sharing options...
deepshah Posted January 29, 2009 Author Share Posted January 29, 2009 Okie. fine. I will try to solve it from that.Thank you very much for helping me.Thanks again Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.