CSS で画像を先読みできるか調べるためのサンプル

この文書は、Lucky bag::blogのエントリー「Preload :hover images in CSS を検証してみた」のサンプルです。

使用している画像は、ノーマル時(normal.png)とマウスオーバー時(hover.png)とそれぞれ別に用意している。

.button li a {
	background: url(hover.png) center left no-repeat;
}
.button li a:link,
.button li a:visited {
	background: url(normal.png) center left no-repeat;
}
.button li a:hover {
	background: url(hover.png) center left no-repeat;
}