IE6の透過PNGメニューロールオーバー
MENU-1.通常の背景ポジション変更によるロールオーバー MENU-1 MENU-2 MENU-3 高さ40pxのメニューに対し高さ80pxのON-OFFをつなげた画像のpositionを上に40pxずらすことで、画像が変わっているように見せている。 もちろんIE6では画像が透過しないので、背景のグリッドが隠れてしまいます。 HTML <ul class="menu1"> <li><a href="#MENU-1">MENU-1</a></li> <li><a href="#MENU-2">MENU-2</a></li> <li><a href="#MENU-3">MENU-3</a></li> </ul> CSS ul { list-style: none; width: 110px; margin: 0; padding: 0; } .menu1 a { display: block
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユンサンの／／YungSang's: 透過PNG と IE と IE7
