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

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

デモのキャプチャ

PNG image replacement in links
demo

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

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

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

sponsors

top of page

©2018 coliss