プロが教える店舗&オフィスのセキュリティ対策術

いつも大変勉強させていただいております。

かさなった画像にクリックイベントを発生させたいと
苦心しておりますが、うまくいきません。

スタイルシートの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>タグはつかえないのでしょうか?
ほかに代替案があればおしえてください。

A 回答 (2件)

まず確認ですが、



・画像が重なっていない場合はonclickイベントは起動する
・画像が重なる場合はonclickイベントは起動しない

は間違いないですね?

座標位置のみを変更して試してください。
(勘違いということもありますから)



やはりダメなようなら、逃げの手しかないように思えます。
私が思いつくのは、
・下になる画像のIMGタグにもonclickを付加
・イベント内で、上になる画像の範囲外ならスキップ
ということぐらいです。

重なる画像の両方ともonclickが発生しないというのはちょっと考えられないので、
これでいけると思うのですが。

私の環境はIE6.0なのでテストができません。
申し訳ないですが、ご自分で確認して下さい。
    • good
    • 0

>リンクすらはれないのです。



「big.gifをクリックすると、関数ZoomWinを起動する」
という意味ですよね?

IE6.0で試したら起動しましたけど・・・。

もしダメなら、IMGタグでonclickをしてみたらどうでしょうか?

この回答への補足

ありがとうございます。

>「big.gifをクリックすると、関数ZoomWinを
>起動する」という意味ですよね?

そうです。
ブラウザ環境はIE5.5以上なので、
IE5.5で検証しています。
IE5.5では、重なっている画像で、
イベントは発しないようです。
<img>タグ、<div>タグでもやってみましたが、
同様でした。

IE5.5でも画像が重なっていなければイベントは
発するんです。

補足日時:2003/05/08 13:05
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!