CODEWITHSUNDEEP
internet-explorer-6png-24
user154928
user154928

Reputation:

Transparent background png image issue in IE6

background image of type PNG is not transparent in ie6

Upvotes: 2

Views: 3513

Answers (5)

Sherlack
Sherlack

Reputation: 105

I had an issue once about png transparency in ie6 and what saved me was this:

http://allinthehead.com/retro/338/supersleight-jquery-plugin

hope it help.

Upvotes: 0

Nando Vieira
Nando Vieira

Reputation: 974

I think you should definitely check the JQuery plugin called Supersleight, created by the guys on All In The Head & 24 Ways. They fixed some problems that comes with using AlphaImageLoader on IE6. From the 24 Ways page:

  • Works with both inline and background images, replacing the need for both sleight and bgsleight
  • Will automatically apply position: relative to links and form fields if they don’t already have position set. (Can be disabled.)
  • Can be run on the entire document, or just a selected part where you know the PNGs are. This is better for performance.
  • Detects background images set to no-repeat and sets the scaleMode to crop rather than scale.

The last one is the most important! Here are the links:

Upvotes: 1

ЯegDwight
ЯegDwight

Reputation: 25257

This is a well-know bug. There are several workarounds, e.g. you can try using Google's ie7-js library.

Upvotes: 1

Aaron Digulla
Aaron Digulla

Reputation: 328830

This is a known issue in IE6: Transparent PNGs are only supported with some hacks.

Upvotes: 1

rahul
rahul

Reputation: 187110

See these posts

IE6 PNG transparency

How to use semi-transparent png images in IE6

Upvotes: 3

Related Questions