アンカーがクリック出来ない

なぜだか、ieではクリックできるのにFirefox等のその他ブラウザーではクリック出来ないという現象が発生しました。

答えを先に言ってしまうと、下図のようにDIV要素が上に重なっていた為ですorz。ただし、勘所は別の点にあります。
下の図にあるDIV2はわかりやすくするために色がついていますが、実際には{background-color: transparent;}です。
ieの場合、背景色がtransparentだと下の要素がクリックできてしまうようです。

図1

この場合、そもそもが2段組レイアウトにしょうとしていたのでDIV2に適切にmargin-rightを設定すれば解決です。

逆にlightboxなど、下の要素をクリックさせたくない(かつ透明にしたい)場合は背景色を設定した上で、透明度を0にすればOKです。

{
    background-color: White;
    opacity: 0;
    fillter: alpha(opacity=0);
}

M. K. の紹介

IT屋さんです。プログラミングが大好きで今はJavascriptがお気に入りです。
カテゴリー: html/css   パーマリンク