Opacity and layers in IE7
# May 22, 2008 at 9:38 am
This is a bit of a complicated query. I’m trying to write a dropdown transparent menu with floating submenus. It works fine in FF but in IE7, the transparency applied to the initial dropdown causes the submenu to truncate at the edges of its parent. If you remove the transparency on the parent it works fine, but that’s not what I want! Any help would be very much appreciated. I suspect this is a bug in IE7 which I’m not going to be able to find a workaround for… Code is below, ignore the IE7 alignment issues – I haven’t sorted this yet.Code:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
# May 22, 2008 at 10:42 pm
This reply has been reported for inappropriate content.
You can poke around on CSS Play for about a zillion nice examples of CSS only dropdowns:
The problem here is the weird truncation happening in IE7 on the submenus. I haven’t had time to dig into it yet, but it’s super weird that transparency is causing it. Might possibly be an undocumented (as of yet) bug.
You must be logged in to reply to this topic.