タグ

2019年2月22日のブックマーク (1件)

  • CSS ネガティブマージンで重なった要素のリンクをクリックできるようにする

    CSS レイアウトでネガティブマージンを使っていると、一部のモダンブラウザでリンクがクリックできなかったり、マウスでテキストを選択できない状態になる場合があります。 配布中の Movable Type 4.2 テンプレートをご利用の方からご指摘を頂きましたが、ネガティブマージンを使った CSS レイアウト全般で有効な対処方法と思われるので、備忘録として残しておきます。 1.問題点 次のように、左サイドバーの「Movable Type 入門セミナー」にマウスをポイントしてもリンクがアクティブになりません。 なお、この問題に関する、Windows XP での各ブラウザの動作状況は次の通りでした。 FireFox3.0.3:NG Safari3.1.2:NG Opera9.5.2:OK Google Chrome:NG IE6:OK IF7:OK 2.原因 中央カラムにネガティブマージンを設定し

    CSS ネガティブマージンで重なった要素のリンクをクリックできるようにする
    Kototy25
    Kototy25 2019/02/22