cssで画像をプリロード-CSS TIPSCSSでロールオーバーボタン(マウスが上にくると画像が変わるボタン)を実装する際に、プリロードを行っていないと、マウスオーバー画像が読み込まれるまでに若干のチラツキが発生します。 プリロードはjavascriptで行うの方法が一般的ですが、CSSで行うとデザイン時に同時にプリロードの処理を行うことができて便利です。 (X)HTMLに記述するコード <p class="button"> <a href="#">sample</a> </p> CSSに記述するコード p.button{ background:url("img01/a_img.gif") no-repeat; } p.button a{ display:block; width:200px; height:50px; background:url("img01/b_img.gif"); text-indent:-9999px;
