IE6にpng透過を対応させる その2

はやち

はやち

前回書きましたが、今回はロールオーバさせている画像を反映させる方法をメモしたいと思います。

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サイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む