• 締切済み

重なった画像にクリックイベントを発生させたい

いつも大変勉強させていただいております。 かさなった画像にクリックイベントを発生させたいと 苦心しておりますが、うまくいきません。 スタイルシートのz-indexプロパティーで 重なり位置を指定しました。 以下のような記述です。 <!-- 画像1 --> <DIV style="top:117px;left:360px;position:absolute;z-index:1;"><IMG src="00464.png" width="100" height="100" border="1"></DIV> <!-- 画像2 --> <DIV style="top:117px;left:360px;position:absolute;z-index:2;"><a href="#" OnClick="javascript:ZoomWin('00464.png');"><IMG src="big.gif" width="42" height="41" border="0"></a></DIV> 00464.pngとbig.gifという画像が重なっていて、 それぞれz-indexで指定しています。 big.gifをクリックすると、ZoomWinという関数を 発生させて、新規ウインドウを 立ち上げたいのですが、 リンクすらはれないのです。 z-indexを指定しただけでは、 <a>タグはつかえないのでしょうか? ほかに代替案があればおしえてください。

みんなの回答

  • ngsvx
  • ベストアンサー率49% (157/315)
回答No.2

まず確認ですが、 ・画像が重なっていない場合はonclickイベントは起動する ・画像が重なる場合はonclickイベントは起動しない は間違いないですね? 座標位置のみを変更して試してください。 (勘違いということもありますから) やはりダメなようなら、逃げの手しかないように思えます。 私が思いつくのは、 ・下になる画像のIMGタグにもonclickを付加 ・イベント内で、上になる画像の範囲外ならスキップ ということぐらいです。 重なる画像の両方ともonclickが発生しないというのはちょっと考えられないので、 これでいけると思うのですが。 私の環境はIE6.0なのでテストができません。 申し訳ないですが、ご自分で確認して下さい。

  • ngsvx
  • ベストアンサー率49% (157/315)
回答No.1

>リンクすらはれないのです。 「big.gifをクリックすると、関数ZoomWinを起動する」 という意味ですよね? IE6.0で試したら起動しましたけど・・・。 もしダメなら、IMGタグでonclickをしてみたらどうでしょうか?

hide_momiji
質問者

補足

ありがとうございます。 >「big.gifをクリックすると、関数ZoomWinを >起動する」という意味ですよね? そうです。 ブラウザ環境はIE5.5以上なので、 IE5.5で検証しています。 IE5.5では、重なっている画像で、 イベントは発しないようです。 <img>タグ、<div>タグでもやってみましたが、 同様でした。 IE5.5でも画像が重なっていなければイベントは 発するんです。