tag:opensoul.org,2008:/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo/comments Mephisto Noh-Varr 2007-12-19T15:12:48Z Chris tag:opensoul.org,2007-04-26:2829:4715 2007-12-19T15:12:48Z 2007-12-19T15:12:48Z <p>Possible solution to this problem is to server different <span class="caps">CSS</span> for the audience viewing the website on <span class="caps">MAC</span> (FF and Camino)</p> <p>Its cumbersome but atleast Users wont suffer.</p> Liam Egan tag:opensoul.org,2007-04-26:2829:4681 2007-12-17T20:44:20Z 2007-12-17T20:44:20Z <p>I ran into this problem today with a website I’m producing. Interestingly, Safari on <span class="caps">OSX</span> Leopard seems to exhibit similar buggy behavior while Safari 2 and 3, pre Leopard are fine. I’m going to have to say that it’s more a bug with the flash plugin (perhaps in it’s interaction with cocoa) than it is with the browsers in particular.</p> Zach Dennis tag:opensoul.org,2007-04-26:2829:4050 2007-10-26T17:45:40Z 2007-10-26T17:45:40Z <p>I just hit this today. Thanks for posting! ;)</p> SympathaticSock tag:opensoul.org,2007-04-26:2829:3376 2007-08-14T19:30:40Z 2007-08-14T19:30:40Z <p>I cant use a png because the site I’m working on has 2 flash objects on top of each other. they fade in and out by adjusting the opacity with javascript. They only solution I found is removing the type property from the embedded object.</p> <p>FF will still fade, and in safari at least the object won’t disappear as it does when you do have</p> <p>type=”application/x-shockwave-flash”</p> in the embed tag. &lt;!DOCTYPE <span class="caps">HTML PUBLIC</span> ”-//W3C//DTD <span class="caps">HTML 4</span>.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”&gt; &lt;html> &lt;head> &lt;title>Safari Flash & Opacity test&lt;/title> &lt;script type="text/javascript"> function start() { document.getElementById(“iwonLogo”).style.opacity = 0.5; } &lt;/script> &lt;/head> &lt;body> <a>click here</a> <div> This text will fade but the swf will disappear in safari, not in FF <br /> removing “type=”application/x-shockwave-flash” will stop it from disappearing <br /> and FF can still fade it (removing wmode=”opaque” also stops it, but then it wont fade in FF either anymore). <div class="even LeftColumnComponent">&lt;embed src="http://www.visualxtreme.com/pipe-small-flash.swf" wmode="opaque" /></div> </div> &lt;/body> Lalit Shandilya tag:opensoul.org,2007-04-26:2829:2834 2007-04-27T05:52:24Z 2007-04-27T05:52:24Z <p>I had similar experience working with Firefox on Mac; using Thickbox to showcase Flash Videos inside an Ajax window, because of <span class="caps">CSS</span> opacity.</p> <p>Then I came across Jake Olsen post on <a href="http://jakeo.org/blog/2007/03/16/css-opacity-and-flash-transparency-in-mac-firefox/"><span class="caps">CSS</span> Opacity and Flash Transparency in Mac Firefox</a></p> <p>He recommends using transparent png for Firefox Mac instead of <span class="caps">CSS</span> opacity. It worked for me.</p> Matt King tag:opensoul.org,2007-04-26:2829:2832 2007-04-26T16:52:02Z 2007-04-26T16:52:02Z <p>I experienced this myself. The site was fine with transparent menus until they wanted to have headlines replaced in-line with Flash headlines. In Firefox on Mac it completely trashes the headlines. But the client wanted the Flash headlines <strong>and</strong> transparent menus, so they decided to let those Mac people on Firefox suffer. I like it when clients are flexible like that!</p> Brandon tag:opensoul.org,2007-04-26:2829:2831 2007-04-26T14:37:42Z 2007-04-26T14:37:42Z <p>Good point. Camino does the same thing as Firefox, so maybe my theory is wrong and it’s just a bug.</p> Slack tag:opensoul.org,2007-04-26:2829:2830 2007-04-26T14:21:55Z 2007-04-26T14:21:55Z <p>Interesting. Did you check it in camino?</p>