SWF showing in gray-scale, but only in FF6

I have embedded a SWF in a client site, and all appears all right apart from it showing in Firefox 6 as a gray-scale image.

I have no previous versions of FF left so cannot say if it is a version or application issue. But Chrome, Safari, IE and Opera show it in colour as it should.

The URL is this. The SWF are the leafs in the left corner.

Any ideas would be appreciated.

Thanks
capt.
LVL 31
captainAsked:
Who is Participating?
 
captainAuthor Commented:
I have figured it out, the PSD file the Flash was based on had its layers set to 'Darken' which was retained in the SWF. I have asked for the source files, imported it again using Normal opacity and after publishing the color appeared correctly.

Strange that it did not happen in other browsers.
0
 
dgofmanCommented:
If you will open http://www.mindmatters.uk.com/img/Leafs.swf in Firefox you will get same colors
So, problem in HTML CSS
0
 
dgofmanCommented:
Can you try for now remove in HTML

<PARAM name="wmode" value="transparent">
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
captainAuthor Commented:
Well that is great but how to fix it...

As you know HTML CSS means not a lot in your answer especially as it works in other browsers, hence I appreciate a little more consequential explanation as I don't quite see what you mean with "so"...

Maybe you could elaborate? For instance which FF you are using?
0
 
dgofmanCommented:
But I am thinking problem with your "Cufon" library. I never used before but looks like its changing alpha in DIV objects. Can you comment cufon-yui.js script and run your HTML
0
 
captainAuthor Commented:
Oh thanks, I typed mine before your second post. If I remove the window mode it will not be transparent and will be contained in the stage colour which is white.

Will try though...
0
 
dgofmanCommented:
If you will remove wmode you may need to re-range z-index in  divs
0
 
captainAuthor Commented:
The CUFON is not the issue, that made no difference...

Taking out the first wmode did not change anything the second did, it was in colour but did display what I explained earlier. see index.html...
0
 
captainAuthor Commented:
It looks like it is the second which should be an "if IE" only element, but the code seems jumbled:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="222" height="283" id="FlashID" title="Leafs Background">
  <param name="movie" value="img/Leafs.swf" />
  <param name="quality" value="high" />
 <param name="wmode" value="transparent" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="../Scripts/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="../img/Leafs.swf" width="222" height="283">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object

Open in new window

0
 
dgofmanCommented:
I cannot fix your problem localy without source code. Please try to play with CSS settings or disable for now all and check if your Leafs.swf can be colour with wmode
0
 
captainAuthor Commented:
The CSS relating to the flash is:
#flash1 {position:absolute;
float:left;
top:15px;
left:0px;

}

Open in new window

0
 
captainAuthor Commented:
Not sure what I should change here.
0
 
captainAuthor Commented:
I just checked on a different machine with FF 3.6 and it is fine there, could anyone let me know which FF version is affected??
0
 
dgofmanCommented:
Hi, I can not help now I am out of my computer but create a simple HTML page with your flash movie and run on FF6. I am sure you have to get correctcollors
If you will not resolve your problem I will write a new J's script for you swf.
Remember you must use embed tags in HTML for FF
0
 
captainAuthor Commented:
OK, I have reduced this down to the fact that the colour changes to grey as soon as the page background is set to the background PNG. I have changed the PNG to JPG but same result.

The moment I use a background without image the colour returns...
0
 
dgofmanCommented:
Wow! This is FF bug. If you want you can open

Workaroung set background color to white in your div holder

#wrap {
    background-image: url("../img/mid.png");
    background-repeat: repeat-y;
    background-color:white;
....


0
 
dgofmanCommented:
The link if you will decide to report bug for FF

https://bugzilla.mozilla.org/enter_bug.cgi
0
 
captainAuthor Commented:
It seems a bug.

background-color:white; does not help either, it  fills the elements that need to stay transparent but also does not change the color.

Which version of FF are you using?
0
 
captainAuthor Commented:
Thanks for you help. I think you were right about the bug, but the solution lay elsewhere.

capt.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.