タグ

ブックマーク / www009.upp.so-net.ne.jp (1)

  • IE6でa要素に display : block; を指定しwidthを指定しなくても全ての場所でマウスオーバーが利くようにする方法

    そこでIE6の場合は、a要素に width: 100% を設定する。 すると文字の無いところでもマウスオーバーできるようになる。 a要素に width: 100% を設定したメニューの例 (文字の無いところでもマウスオーバーする) しかしこれをIE7やFirefoxやOperaで見ると、右側のグレーの枠が隠れてしまう。 これはa要素が外枠に指定した横幅と同じ幅(100%)を持ってしまい枠をはみ出してしまうからからだ。 さらにpaddingやborderを指定すると、もっと横幅が広くなる。 (スタイルシートの解釈としてはこれが正しいのだが) なので、できればa要素にはwidthを指定したくない。 a要素にwidth指定せずに文字の無い場所でもマウスオーバーさせる方法は無いのだろうか? a要素にwidth指定しなくても、文字の無いところでもマウスオーバーするメニューの例 下のサンプル

  • 1