PNG has built in colour correction that creates problems when trying to match against a hexcode in the browser. If you really need png you can export a small backgroound tile for the area that it needs to blend into.
http://hsivonen.iki.fi/png-gamma/ On 4/11/07, Andrew Harris <[EMAIL PROTECTED]> wrote:
Learned friends - hope you can help me. I am having trouble matching transparent png files to html background colours. The dodgy test page here: http://www.woowoowoo.com/pngtest/ illustrates the effect. It's pretty self explanatory, but I want to run a div which matches the page background and provides a 'band' effect over a background image for me to run some type through. I specify the page background to #003366 In photoshop I specify the starting blue of the vignette to #003366 I also create a 20px square of #003366, set the opacity to 50% and save out a png24 with transparency Trouble starts in the browser though - the 'transparent' bands are almost always visible - if not in one browser then another. Now I have a fair hunch that this is to do with colour profiles, but my trial and error testing so far has only resulted in confusion and frustration. I get it almost right in Firefox and IE7 goes crazy or pretty good in both and Opera and Safari fall off. It's cross browser incompatibility gone mad! Is it just my browsers? (I doubt it!) Has anyone got any experience or resources that they can ease my troubles with? -- Andrew Harris [EMAIL PROTECTED] http://www.woowoowoo.com ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
