Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

ロールオーバー時画像ちらつき防止

ロールオーバー時に画像のちらつきを防止する方法。
2枚画像を重ねて、ロールオーバー時に上の画像を消す仕組みです。

nav#global-nav ul li {
 background: url(common_img/global_nav01_on.png) no-repeat left top;
}

nav#global-nav ul li a {
 background: url(common_img/global_nav01_off.png) no-repeat left top;
}

nav#global-nav ul li a:hover {
 background: none;
}