mattmiquelon
07-25-2007, 12:57 PM
have a great looking drop-down menu that we created and the client loves it.
However, after getting it transparent and looking great dropping down over the html content, we discovered an issue. The menu drops down 350px over the underlying html layer but any URLs or Form objects (basically anything requiring cursor action) under the Flash layer are unusable. If you right-click in the Flash layer area (DMZ?) over the html, you get the Flash plug-in menu.
Example: ndsion.net/newsite/InquiryForm.html
I have seen this done in commercial products such as 'F-Source Drop Down Menus' (f-source.com) where the Flash layer only covers the html when the drop-down occurs, so I know it is possible, just beyond my skillz. I've tried adjusting the z-index of the enclosing DIVs but that doesn't work. The way it is now, and in many designs using flash drop downs is to have another Flash element or image in this "DMZ' area, under the flash layer but that is clunky to say the least.
Any ideas?
However, after getting it transparent and looking great dropping down over the html content, we discovered an issue. The menu drops down 350px over the underlying html layer but any URLs or Form objects (basically anything requiring cursor action) under the Flash layer are unusable. If you right-click in the Flash layer area (DMZ?) over the html, you get the Flash plug-in menu.
Example: ndsion.net/newsite/InquiryForm.html
I have seen this done in commercial products such as 'F-Source Drop Down Menus' (f-source.com) where the Flash layer only covers the html when the drop-down occurs, so I know it is possible, just beyond my skillz. I've tried adjusting the z-index of the enclosing DIVs but that doesn't work. The way it is now, and in many designs using flash drop downs is to have another Flash element or image in this "DMZ' area, under the flash layer but that is clunky to say the least.
Any ideas?