I came across a fun browser bug this morning that I thought I would share. You can’t have a semi-transparent element cover a Flash animation Firefox on the mac.
I had a popup menu that used CSS opacity to make the menu semi-transparent. It was working fine, but then we threw in a Flash header and the Flash would hide any time you moused over a menu item.
Here are some screenshots that demonstrate the bug. The first is how it looks in Safari, the second demonstrates the bug in Firefox, and the third shows Firefox if I remove the opacity attribute from CSS.
The solution: for now, I’ll just have to live without semi-transparent menus (but they looked so good).
I would venture to guess that this is intentional behavior by Firefox. Since Firefox isn’t a native Cocoa app, it doesn’t have access to all the fancy OS X rendering, so it can’t render transparent elements over elements that it doesn’t have control of (Flash), and it just removes the Flash.
After months of good intentions1, we finally launched our new website today.
We were aiming to have a simple site that gives a good idea of who we are and what we do while minimizing the “marketing fluff”. We’re really happy with the result. Check it out and let us know what you think.
Thanks to Brian at ViewChange for his help with the design, and thanks to Matt Slack for his CSS/XHTML wizardry. Check out Daniel’s post for more info about the new site.
What happened to the design?
To learn more about why styles are disabled on this website visit the
Annual CSS Naked Day website for more information.
