タグ: css

CSS で z-index と背景画像を使った Rollover(ロールオーバー)画像置換

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

スタイルシート(CSS)で作るドロップダウンメニュー(Drop Down Menu)

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