Layerの中にあるリンクがmacで動作しません

質問

以下が友達に質問されたソースを簡略化した物です。layerを左右2段組みにしてますが、右のlayer内が全く反応しません。layerを使わなければできるのですが、この方法のどこが間違っているかが教えられなくて質問しました。よろしくお願い致します。

javascript～window.open省略

<DIV style="top : 61px; left : 356px; position : absolute; z-index : 1; width: 331px; height: 40px;" id="Layer2">
<DIV>
<TABLE border="1" width="331" height="40">
<TBODY>
<TR>
<TD width="61" height="20">サンプル2</TD>
<TD width="214"><A href="#">◆</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV>
<DIV style="top : 61px;left : 24px;
position : absolute;
z-index : 3;
" id="Layer5">
<DIV>
<TABLE border="1" width="313" height="40">
<TBODY>
<TR>
<TD width="134" height="16">サンプル</TD>
<TD width="141"><A href="#">◆</A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV>

回答No.1

mat-21 · ベストアンサー

左側のLayer幅が指定されていない事が原因と考えられます。右側のLayerは厳密にwidth指定されているが、左側は、width指定されていないため、ブラウザの画面幅までLayer幅があると誤認し表示しています。つまり左側のLayerはwidth幅が指定されていないので、z-index:3によって、右側よりも上に重なっているため重なった箇所だけ反応しません。よって、リンクの箇所に重ならないようにwidth指定する必要があります。（実際、確認しました）Layerの背景に色を入れてみる(background-color:#FF0000;)と一目瞭然です。

お礼

早速試した所、正常に動作しました!!レイヤーは重ねる事ができる事をすっかり忘れてました。とても分かりやすいご解答、ありがとうございました。