[css-d] Stacking layers
Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). The menu functions ok, but now that I added content and the menu is opening over the content, I can't access the opened part that's on the content. The menu closes as soon as I hover to the part of the menu that's above the content. I thought I could solve it with z-index and bring the menu on top, but either I'm doing something wrong, or then it just doesn't work (FF). The website: www.poetryin-e-motion.com/test The CSS: www.poetryin-e-motion.com/test/scripts/sheet1.css Advise greatly appreciated. Arno __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Stacking layers
Arno @ Raketnet wrote: Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). I couldn't tell from the above whether you solved your transparency problem. Take a look here: http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp Include the filter: for IE browsers, and it will properly load PNG-24 with Alpha Trans. Problem is, the regular CSS has to be hidden from IE or it will actually load the background twice; either that, or you can look for a JavaScript solution that traverses the DOM and replaces any PNG references with the above filter. TMK, the above works with any IE w/ Direct-X installed (didn't consider whether it works on IE/Mac, but I suspect it would). My suggestion, however, is that you get rid of the menu transparency, because the buttons which overlap the text are almost impossible to read. Regards, Derek __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Stacking layers
Arno @ Raketnet wrote: Here I am again with a problem! I'm using the son of suckerfish menu. First problem, of transparency background in the menu was solved thanks to some good advise from the list (never mind that IE doesn't seem to support png-24 format). The menu functions ok, but now that I added content and the menu is opening over the content, I can't access the opened part that's on the content. The menu closes as soon as I hover to the part of the menu that's above the content. I thought I could solve it with z-index and bring the menu on top, but either I'm doing something wrong, or then it just doesn't work (FF). The website: www.poetryin-e-motion.com/test The CSS: www.poetryin-e-motion.com/test/scripts/sheet1.css Advise greatly appreciated. Arno ::SNIP:: I only observe this in Firefox. In IE6, all menu items and sub-items are visible, although it has other issues (see below). In FF, moving below the second menu item in each main menu group causes the menu to go away. Opera functions as expected; all menu items and sub-items are visible and selectable. That said, you have more serious issues, IMHO, in the distracting and unattractive flashing of the menu as the cursor moves over it (IE6, probably due to the alpha filter), and in the fact that your transparent menu items' text is unreadable due to bleed-through of the text below the menu (FF and Opera). Perhaps you might wish to use a different solution. Menu transparency is not necessarily a high-desirability characteristic, since the user attempting to select a menu item clearly does not care what exists behind the menu; he's on his way elsewhere anyway. Consider ditching the transparency. Cheers, Scott There is nothing so useless as doing efficiently that which should not be done at all. - Peter F. Drucker __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/