Gerolian

Webサイト制作でのメモ等

IEでposition:absoluteが反応しない

2013年11月27日

IEでposition:absoluteを指定した要素に
$(target).click(func);してもうまく動かなくて
原因特定するのに苦労したからメモ

発現

空の要素を持つタグにposition:absoluteを指定
width,heightを指定してjsでclickイベントを付加すると…

親要素をrelativeにしてもz-indexを調整しても反応しない
さらに、z-indexをいくらあげようがry

最初は例のやつかと思ったのに…
関連参考:
IE7 でposition: absolute な要素に対する z-index が正しく理解してもらえない

原因

背景も要素も無い要素はIEだと
透明なものって解釈されるみたい(テキトー)

そもそも空要素を置いてるあたりがアウトなんだけど..

対処

absoluteしてwidth,heightを指定した空要素に
backgroundを指定するか
要素に半角スペースを入れる

普通に報告されてた…
参考:
absolute positioned anchor tag (with no text) not clickable in IE



1 件のコメント

コメントはお気軽にどうぞ

メールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。