Slashdot Mirror

Gah, sorry about that, forgot about using Extrans. Sleight.

It's just not that difficult! How hard is it to not use IE-specific code, avoid things like tags, and self-close tags that need it? All my personal works are XHTML 1.1 / CSS 2, and I even usually write HTML in XHTML 1.1 out of habit anyway. There are even ways to get around IE restrictions on what you can do, such as Sl eight</a> for PNG translucency, that don't break standards-compatibility.

FYI, in case you haven't heard about it, there is a quick Javascript fix that allows full-alpha PNGs to work in IE 5.5 and up, not break Mozilla and others, and not affect W3C validation. It's called Sleight. (And while I don't take any credit for the original, you might try using my version of Sleight to allow for Opera users mimicking IE, though remember you still need x.gif.)

Just use Sleight to make PNG transparency work with IE on your site.

Just use Sleight to make PNG transparency work with IE on your site.

Drew modified youngpup's Sleight IE PNG hack since last July to work with CSS background-image, rather than the usual inline image.

Background Sleight

Glad you like them, but credit where credit is due, They originally were made by youngpup - www.youngpup.net and are free to use by all.

Cheers

Actually, I discovered this early today -- a convenient little javascript hack that makes alpha transparency work in IE. Yep, it's really cool. Oddly enough, the spacer image included in it (you'll see if you check it out) is a GIF; it's easy enough to change to a PNG, though, and it works just as well.

• Bright (download) is the best non-dithering quantiser in the whole world, and reasonably fast, too; based on dlquant
• pngrewrite sorts the palette
• pngcrush removes junk chunks, fixes Photoshop's gamma bug and tries many filters to find a smaller filesize
• OptiPNG is similar to pngcrush, but executes much faster
• pngout uses an alternative deflate, yields sometimes even smaller filesizes
• tweakpng manipulates chunks comfortably with a GUI
• pngquant quantises PNG24 with alpha transparency to PNG8 with transparent palettes, the result is alas mostly ugly

sleightplus demonstrates how to overcome IE's rendering bugs without polluting your markup or styles; no silly style inlining required, either. Use PNG images or backgrounds all the way they were intended.

Predecessors with only support for foreground images: Youngpup sleight, WebFX PNG behavior, mongus pngInfo, Bob Osola. PNGHack, a server side solution, is doomed to fail because of dysfunctional browser sniffing.

If that was useful for you, and you are a C hacker, I have a plea. Take the dlquant sourcecode (see above) and massage it so it works with PNG instead of the archaic PPM. I want a functional Bright clone for Linux that takes a true colour PNG and outputs a paletted PNG. Can you do that?

http://www.youngpup.net/?request=/snippets/sleight .xml

enjoy!

Somes may say that it overuse javascript: YoungPup
It's also a great javascript reference
The interface is diferent with other user agents