JavaScript を使わずに CSS のみで z-index と 背景画像を使って Rollover（ロールオーバー）画像置換を行うメモ。 text-indent を使ってテキストを不可視領域に移動させて画像置換（Image Replacement）を行うと、画像非表示で CSS 有効の場合に何も表示されない問題があるので、z-index を使って画像置換を行ってみた。 次のスクリーンショット…続きを読む

スタイルシート（CSS）だけでドロップダウンメニュー（Drop Down Menu）を作るメモ。 IE6 でのみ JavaScript を使っている（ie7-js – Google Code の IE8.js を利用）。 IE 以外ではドロップダウン部分の背景に透過PNGを利用している。 サンプルページ（Sample Page） スタイルシート（CSS） #mainmenu li { …続きを読む

paulhammond.org: Conditional classnames [CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス を見て外部スタイルシートを分ける方法も試してみた。 <!–[if IE]> <link rel=”stylesheet” href=”bcs-ie.css” type=”text/css” /> <![e…続きを読む