24 ways: Transparent PNGs in Internet Explorer 6
Popularity Report
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
|||
![]() |
URL Tag Cloud
Bookmark History
Saved by 76 people (-22 private), first by anonymouse user on 2007-12-01
- Rualatngua on 2009-10-30 - Tags png , ie6 , transparency , css , ie , webdesign , browser
- Scayla on 2009-10-27 - Tags no_tag
- Georgeac on 2009-10-13 - Tags no_tag
- Blg002 on 2009-08-19 - Tags png
- Yellowledbedder on 2009-06-23 - Tags transparency , css , ie6 , png , javascript , webdesign , browser
Public Sticky notes
Background images cannot be positioned or repeated
Highlighted by om19bao
Delayed loading and resource use
Highlighted by om19bao
Links become unclickable, forms unfocusable
Highlighted by om19bao
Often this can be solved by giving the links or form elements
hasLayout using position: relative;
Highlighted by om19bao
SuperSleight adds a number of new and useful features that have come from the day-to-day needs of working with PNGs.
- Works with both inline and background images, replacing the need for both sleight and bgsleight
- Will automatically apply
position: relativeto links and form fields if they don’t already havepositionset. (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-repeatand sets thescaleModetocroprather thanscale. - Can be re-applied by any other JavaScript in the page – useful if new content has been loaded by an Ajax request.
Highlighted by om19bao


Public Comment