[CSS]IE6にも対応したテキストリンクをPNG画像に置換するスタイルシート

IE6にも対応したテキストリンクをPNG画像に置換するスタイルシートをCSSplayから紹介します。

PNG image replacement in links
demo

IE6への対応に加え、下記の配慮もされたものとなっています。

1. 画像オフの場合は、リンクはテキストで表示。
2. CSSオフの場合は、リンクはリストで表示。
3. 画像オフでCSSオフの場合は、リンクはリストで表示。

HTMLは下記のように各ラベルに透過gifが配置されています。