2007.04.16
CSS 〜ロールオーバー〜
CSSでのロールオーバーのやり方なんだけど･･･
JavaScriptでのロールオーバーにしてしまうと、imgタグを使わなければならない。
なので、CSSでのロールオーバーで作る事ができればタグをシンプルに出来て軽量化も計れる。
しかし･･･普通にCSSでバックグラウンドで画像を読み込んで aとa:hoverで指定しても反応しない。
widthとheightを指定して、display: block;を入れれば、リンクタグを入れていれば反応するのだけども･･･IEでロールしない。
なので、Aタグに属性を与えて、
CSSの aの属性にwidthとheightにdisplay: block;をいれてれば、うまく反応する。
Trackback URL
Comment & Trackback
Comment feed
Comment