なぜだか、ieではクリックできるのにFirefox等のその他ブラウザーではクリック出来ないという現象が発生しました。
答えを先に言ってしまうと、下図のようにDIV要素が上に重なっていた為ですorz。ただし、勘所は別の点にあります。
下の図にあるDIV2はわかりやすくするために色がついていますが、実際には{background-color: transparent;}
です。
ieの場合、背景色がtransparent
だと下の要素がクリックできてしまうようです。
この場合、そもそもが2段組レイアウトにしょうとしていたのでDIV2に適切にmargin-right
を設定すれば解決です。
逆にlightboxなど、下の要素をクリックさせたくない(かつ透明にしたい)場合は背景色を設定した上で、透明度を0にすればOKです。
{ background-color: White; opacity: 0; fillter: alpha(opacity=0); }