category
サイト構築 -CSS

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

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

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

デモのキャプチャ

PNG image replacement in links
demo

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

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

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

Post on:2009年11月20日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

» [CSS]IE6にも対応したテキストリンクをPNG画像に置換するスタイルシート | コリス My_Room-bookmarks
on 2009年11月20日

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

ページの先頭へ




© coliss

RSS