純 CSS 式預載 :hover 圖片

<style type="text/css">
.button
{
  background: url("button_hover.png");
}
.button div
{
  background: url("buttonr.png");
}
.button div:hover
{
  background: url("button_hover.png");
}
</style>
<div class="button"><div></div></div>

其實就是先把 :hover 所需圖片，先放在下面。

• 這只適合同大小，非透明的圖片。
• 預載的時間點就和其它圖片一樣，而不像用 javascript 可以設定在網頁載入之後。