Go Back   Velocity Reviews > Newsgroups > HTML
User Name
Password
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply

HTML - PNG graphics transparency

 
Thread Tools Search this Thread
Old 10-12-2004, 08:50 PM   #1
Default PNG graphics transparency


Hello world,

I want to use a PNG graphic with transparent regions on my website. However,
Internet Explorer (latest version from WinXP SP2) displays transparent
regions kind of bluish instead of using the background color. As I am quite
new to HTML, do I have to set special options for PNG to work?

Jens



Jens Lenge
  Reply With Quote
Old 10-12-2004, 09:01 PM   #2
Dylan Parry
 
Posts: n/a
Default Re: PNG graphics transparency

As an authority on the subject, Jens Lenge proclaimed:

> I want to use a PNG graphic with transparent regions on my website.


Unfortunately, the problem you are encountering is because Internet
Explorer does not support alpha transparency (transparency in 24-bit PNG
files).

You have one of two options here, you can either use a GIF or PNG with a
single transparent colour (256 colours overall), or you can use some
clever server-side stuff to get Internet Explorer to work with 24-bit
transparent PNGs.

As you are new to HTML, I would suggest that you do the former of the two
options, until you are ready to delve into server-side stuff.

--
Dylan Parry
http://webpageworkshop.co.uk - FREE Web tutorials and references


  Reply With Quote
Old 10-12-2004, 09:53 PM   #3
Nik Coughin
 
Posts: n/a
Default Re: PNG graphics transparency

Jens Lenge wrote:
> Hello world,
>
> I want to use a PNG graphic with transparent regions on my website.
> However, Internet Explorer (latest version from WinXP SP2) displays
> transparent regions kind of bluish instead of using the background
> color. As I am quite new to HTML, do I have to set special options
> for PNG to work?
> Jens


http://www.nrkn.com/alpha/


  Reply With Quote
Old 10-12-2004, 10:16 PM   #4
mbstevens
 
Posts: n/a
Default Re: PNG graphics transparency

Nik Coughin wrote:

> Jens Lenge wrote:
>> Hello world,
>>
>> I want to use a PNG graphic with transparent regions on my website.
>> However, Internet Explorer (latest version from WinXP SP2) displays
>> transparent regions kind of bluish instead of using the background
>> color. As I am quite new to HTML, do I have to set special options
>> for PNG to work?
>> Jens

>
> http://www.nrkn.com/alpha/
>
>

http://www.alistapart.com/articles/pngopacity/
....although I don't really like these kinds of hacks.
--
mbstevens
http://www.mbstevens.com
  Reply With Quote
Old 10-12-2004, 11:20 PM   #5
Jeffrey Silverman
 
Posts: n/a
Default Re: PNG graphics transparency

On Tue, 12 Oct 2004 21:01:18 +0100, Dylan Parry wrote:

> clever server-side stuff to get Internet Explorer to work with 24-bit


Client side, actually

--
Jeffrey Silverman

** Drop "PANTS" to reply by email


  Reply With Quote
Old 10-12-2004, 11:41 PM   #6
Jens Lenge
 
Posts: n/a
Default Re: PNG graphics transparency

I will check out the different approaches.
Thanks for all the advice!
(It's good to know one is not alone in the net...)

Jens
  Reply With Quote
Old 10-13-2004, 01:13 PM   #7
Dylan Parry
 
Posts: n/a
Default Re: PNG graphics transparency

As an authority on the subject, Jeffrey Silverman proclaimed:

>> clever server-side stuff to get Internet Explorer to work with 24-bit

>
> Client side, actually


Nope. http://www.koivi.com/ie-png-transparency/ Clever server-side stuff.

--
Dylan Parry
http://webpageworkshop.co.uk - FREE Web tutorials and references

Listening to: Shostakovich - Symphony No 5 in D Minor, Op. 47
  Reply With Quote
Old 10-13-2004, 04:22 PM   #8
Roy Schestowitz
 
Posts: n/a
Default Re: PNG graphics transparency

Jens Lenge wrote:

> Hello world,
>
> I want to use a PNG graphic with transparent regions on my website.
> However, Internet Explorer (latest version from WinXP SP2) displays
> transparent regions kind of bluish instead of using the background color.
> As I am quite new to HTML, do I have to set special options for PNG to
> work?
>
> Jens


Only two days I had the exact same problem! Mozilla and Konqeror can display
a full-colour PNG with transparency. Window$ (I tested IE5 and 6) wants a
bloody indexed pallete. Unless you ignore Window$ users, you are forced to
reduce the quality of your graphics.

....don't get me started on the way IE renders tables. It drove me nuts
yesterday.

--
Roy Schestowitz
http://schestowitz.com
  Reply With Quote
Old 10-13-2004, 07:15 PM   #9
Leif K-Brooks
 
Posts: n/a
Default Re: PNG graphics transparency

Dylan Parry wrote:
> As an authority on the subject, Jeffrey Silverman proclaimed:
>
>>>clever server-side stuff to get Internet Explorer to work with 24-bit

>>
>>Client side, actually

>
> Nope. http://www.koivi.com/ie-png-transparency/ Clever server-side stuff.


Clever client-side stuff that's dynamically created with clever
server-side stuff.
  Reply With Quote
Old 10-15-2004, 07:48 PM   #10
Jeffrey Silverman
 
Posts: n/a
Default Re: PNG graphics transparency

On Wed, 13 Oct 2004 14:15:52 -0400, Leif K-Brooks wrote:

> Dylan Parry wrote:
>> As an authority on the subject, Jeffrey Silverman proclaimed:
>>
>>>>clever server-side stuff to get Internet Explorer to work with 24-bit
>>>
>>>Client side, actually

>>
>> Nope. http://www.koivi.com/ie-png-transparency/ Clever server-side stuff.

>
> Clever client-side stuff that's dynamically created with clever
> server-side stuff.


Thank you. That is what I mean. Just because some server-side stuff
creates the code doesn't make it a server-side workaround. It is purely
client side. ("It" being the ActiveX rendering workaround for PNG images
in MSIE)

--
Jeffrey D. Silverman |
Website | http://www.newtnotes.com

Drop "PANTS" to reply by email

  Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump