前回書きましたが、今回はロールオーバさせている画像を反映させる方法をメモしたいと思います。
html
<a href="http://index.html" id="rollover01" class="png_bg"></a>
htmlのhead部分
<!--[if IE 6]>-->
DD_belatedPNG.fix('img, .png_bg');
css
#rollover01 {width:40px;height:200px;}
a#rollover01:link {background:url(mouse_on.png);}
a#rollover01:visited {background:url(mouse_on.png);}
a#rollover01:hover {background:url(mouse_off.png);}
a#rollover01:active {background:url(mouse_off.png);}
あれ?普通に簡単だった (・ω・`)
とりあえず再確認できたのでよかったです。
これとは別のはなしになりますが最近個人サイト作りたくなりまして、デザインは自分でプログラム担当は隣の席にいる同僚とでやろうかなと考えています。
TOPのデザインは連休中に制作する予定です^^
おらわくわくすっぞ(´笳俄璃牾ェ笳溪莱`)
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。