DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor
はじめに DD_belatedPNGを利用すると、IE6でPNGファイルを透過させることが出来ます。 DD_belatedPNGはITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」で解説されているように、簡単にそして高速に透過PNGを表示できるという特徴があります。 しかし、ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点で解説されていますが、次のような問題点があります。 ここで、img要素に使用する際のいくつかの注意点を。 ただimg要素にpng画像を使うだけなら、上記で何の問題もありません。 しかし、png画像のimg要素にロールオーバーを設定したい場合、少し注意とコツが必要なんです。 たとえば、png画像のimg要素を<a>要素で囲んでリンクボタンとして、img要素をロールオーバーさせたい場
CSS(スタイルシート)の画像置き換えでロールオーバーする方法
CSS(スタイルシート)での画像置換、FIR (Fahrner Image Replacement) と呼ばれるハックのハックの、そのまたハック。CSS を使った、昨今主流の画像置き換えテクニックって片手オチだよね。text-indent とか使うヤツ。 画像が読み込まれない環境では何も伝わらないじゃん。 ってずっと思ってて（後半に連れてちょっと矛盾するけど＾＾;）自分は自分流の方法を貫いていたけど、そろそろそんな議論もなくなりそうな気配なので今のうちに書いておく。 <h1><span></span>テキスト<h1> は、海外の人のアイデア。（当サイトでは Macintosh IE 5.0 をターゲットに含めるため <span> の位置を変更） h1 { position:relative; width:100px; height:25px; } h1 span { position:a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazing Image Hover Effects with Webkit and CSS
