<?xml version="1.0" encoding="UTF-8"?>
<feed xml:lang="en-US" xmlns="http://www.w3.org/2005/Atom">
  <title>opensoul.org - Firefox + Mac + Flash + CSS opacity = peek-a-boo Comments</title>
  <id>tag:opensoul.org,2009:/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo/comments</id>
  <generator version="0.8.0" uri="http://mephistoblog.com">Mephisto Drax</generator>
  <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo/comments.xml" rel="self" type="application/atom+xml"/>
  <link href="/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
  <updated>2009-12-27T11:42:23Z</updated>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Hungary</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:19882</id>
    <published>2009-12-27T11:42:23Z</published>
    <updated>2009-12-27T11:42:23Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Hungary</title>
<content type="html">&lt;p&gt;An interesting solution to that problem!
Rather original buy frankly speaking I don&#8217;t have such troubles when using Mozilla.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Tison</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:14597</id>
    <published>2009-06-04T20:45:22Z</published>
    <updated>2009-06-04T20:45:22Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Tison</title>
<content type="html">&lt;p&gt;If anyone is using thickbox, on a mac with firefox:&lt;/p&gt;


	&lt;p&gt;Thickbox 3.1 has addressed this issue and it is fixed in the code.  &lt;span class=&quot;caps&quot;&gt;HOWEVER&lt;/span&gt;, don&#8217;t forget to download (and properly link up) the png image that is referenced within the thickbox stylesheet!&lt;/p&gt;


	&lt;p&gt;Get the png here: http://jquery.com/demo/thickbox/thickbox-code/macFFBgHack.png&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Arpita</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:11113</id>
    <published>2009-02-17T07:41:34Z</published>
    <updated>2009-02-17T07:41:34Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Arpita</title>
<content type="html">&lt;p&gt;Hi All,&lt;/p&gt;


	&lt;p&gt;I am facing issue in Mac safari browser.&lt;/p&gt;


	&lt;p&gt;I made this flash and the background is following mouse.
http://www.designurimagination.com/Projects/russia/russia-new2.html&lt;/p&gt;


	&lt;p&gt;It is fine in all browsers but when i see it in &lt;span class=&quot;caps&quot;&gt;MAC&lt;/span&gt;+safari it has error. The moment you click outside browser and come back to the browser thebackground disappear. I tried all the solution I know till date.&lt;/p&gt;


	&lt;p&gt;Can anyone help me understand the real problem? Please let me know the solution.&lt;/p&gt;


	&lt;p&gt;thanks
Arpita&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>iGuide</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:10446</id>
    <published>2009-01-16T16:41:09Z</published>
    <updated>2009-01-16T16:41:09Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by iGuide</title>
<content type="html">&lt;p&gt;Hm, this is a frustrating one to fix, because its either all-or-none for browsers.  One solution is to use &lt;span class=&quot;caps&quot;&gt;PNG&lt;/span&gt;-24&#8217;s to create the opacity, and then use conditional comments for &lt;span class=&quot;caps&quot;&gt;IE6&lt;/span&gt; which doesn&#8217;t understand &lt;span class=&quot;caps&quot;&gt;PNG&lt;/span&gt;-24 opacity.  There are 2 possible &lt;span class=&quot;caps&quot;&gt;IE6&lt;/span&gt; fixes, either using MS background image filters, or doing it without the &lt;span class=&quot;caps&quot;&gt;PNG&lt;/span&gt; and adding a MS opacity filter.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Chris</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:4715</id>
    <published>2007-12-19T15:12:48Z</published>
    <updated>2007-12-19T15:12:48Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Chris</title>
<content type="html">&lt;p&gt;Possible solution to this problem is to server different &lt;span class=&quot;caps&quot;&gt;CSS&lt;/span&gt; for the audience viewing the website on &lt;span class=&quot;caps&quot;&gt;MAC&lt;/span&gt; (FF and Camino)&lt;/p&gt;


	&lt;p&gt;Its cumbersome but atleast Users wont suffer.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Liam Egan</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:4681</id>
    <published>2007-12-17T20:44:20Z</published>
    <updated>2007-12-17T20:44:20Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Liam Egan</title>
<content type="html">&lt;p&gt;I ran into this problem today with a website I&#8217;m producing. Interestingly, Safari on &lt;span class=&quot;caps&quot;&gt;OSX&lt;/span&gt; Leopard seems to exhibit similar buggy behavior while Safari 2 and 3, pre Leopard are fine. I&#8217;m going to have to say that it&#8217;s more a bug with the flash plugin (perhaps in it&#8217;s interaction with cocoa) than it is with the browsers in particular.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Zach Dennis</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:4050</id>
    <published>2007-10-26T17:45:40Z</published>
    <updated>2007-10-26T17:45:40Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Zach Dennis</title>
<content type="html">&lt;p&gt;I just hit this today. Thanks for posting! ;)&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>SympathaticSock</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:3376</id>
    <published>2007-08-14T19:30:40Z</published>
    <updated>2007-08-14T19:30:40Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by SympathaticSock</title>
<content type="html">&lt;p&gt;I cant use a png because the site I&#8217;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.&lt;/p&gt;


	&lt;p&gt;FF will still fade, and in safari at least the object won&#8217;t disappear as it does when you do have&lt;/p&gt;


	&lt;p&gt;type=&#8221;application/x-shockwave-flash&#8221;&lt;/p&gt;


in the embed tag.

 &amp;lt;!DOCTYPE &lt;span class=&quot;caps&quot;&gt;HTML PUBLIC&lt;/span&gt; &#8221;-//W3C//DTD &lt;span class=&quot;caps&quot;&gt;HTML 4&lt;/span&gt;.01 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/html4/loose.dtd&#8221;&amp;gt;


Safari Flash &#38; Opacity test






&lt;a&gt;click here&lt;/a&gt;
    &lt;div&gt;
        This text will fade but the swf will disappear in safari, not in FF &lt;br /&gt;
        removing &#8220;type=&#8221;application/x-shockwave-flash&#8221; will stop it from disappearing &lt;br /&gt;
        and FF can still fade it (removing wmode=&#8221;opaque&#8221; also stops it, but then it wont fade in FF either anymore).

    &lt;div class=&quot;even LeftColumnComponent&quot;&gt;&lt;/div&gt;

    &lt;/div&gt;

</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Lalit Shandilya</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:2834</id>
    <published>2007-04-27T05:52:24Z</published>
    <updated>2007-04-27T05:52:24Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Lalit Shandilya</title>
<content type="html">&lt;p&gt;I had similar experience working with Firefox on Mac; using Thickbox to showcase Flash Videos inside an Ajax window, because of &lt;span class=&quot;caps&quot;&gt;CSS&lt;/span&gt; opacity.&lt;/p&gt;


	&lt;p&gt;Then I came across Jake Olsen post on   &lt;a href=&quot;http://jakeo.org/blog/2007/03/16/css-opacity-and-flash-transparency-in-mac-firefox/&quot;&gt;&lt;span class=&quot;caps&quot;&gt;CSS&lt;/span&gt; Opacity and Flash Transparency in Mac Firefox&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;He recommends using transparent png for Firefox Mac instead of &lt;span class=&quot;caps&quot;&gt;CSS&lt;/span&gt; opacity. It worked for me.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Matt King</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:2832</id>
    <published>2007-04-26T16:52:02Z</published>
    <updated>2007-04-26T16:52:02Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Matt King</title>
<content type="html">&lt;p&gt;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 &lt;strong&gt;and&lt;/strong&gt; transparent menus, so they decided to let those Mac people on Firefox suffer. I like it when clients are flexible like that!&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Brandon</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:2831</id>
    <published>2007-04-26T14:37:42Z</published>
    <updated>2007-04-26T14:37:42Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Brandon</title>
<content type="html">&lt;p&gt;Good point.  Camino does the same thing as Firefox, so maybe my theory is wrong and it&#8217;s just a bug.&lt;/p&gt;</content>  </entry>
  <entry xml:base="http://opensoul.org/">
    <author>
      <name>Slack</name>
    </author>
    <id>tag:opensoul.org,2007-04-26:2829:2830</id>
    <published>2007-04-26T14:21:55Z</published>
    <updated>2007-04-26T14:21:55Z</updated>
    <category term="Code"/>
    <link href="http://opensoul.org/2007/4/26/firefox-mac-flash-css-opacity-peek-a-boo" rel="alternate" type="text/html"/>
    <title>Comment on 'Firefox + Mac + Flash + CSS opacity = peek-a-boo' by Slack</title>
<content type="html">&lt;p&gt;Interesting.  Did you check it in camino?&lt;/p&gt;</content>  </entry>
</feed>
