有两个层<div id="layer1"></div>和<div id="layer2"></div>如何实现onmouseover layer1时，layer2隐藏？

Question

<div id="layer1" onmouseover="layer2.style.visibility='hidden';">1231231</div>
<div id="layer2">2222</div>

Answer 1

<div id="layer1" onmouseover="layer2.style.display='none';">1231231</div>
<div id="layer2">2222</div>

Answer 2

如果要mouseout隐藏，就使用：
<div id="layer1" onmouseover="layer2.style.display='none';" onmouseout="layer2.style.display='';">1231231</div>
<div id="layer2">2222</div>

Answer 3

为什么这种方法不适用于嵌套的层？请看下列代码，是出错的。<table width="400" border="1" align="center" bordercolor="#9966FF" bgcolor="#99CCFF">
<tr>
<td height="220">
<div id="Layer1" style="position:absolute; width:312px; height:182px; z-index:1; top: 48px; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000;" onmouseover="layer2.style.visibility='hidden';">
父层
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:1; left: 89px; top: 37px; background-color: #CC3300; layer-background-color: #CC3300; border: 1px none #000000;">
<font color="#FFFFFF">子层</font>
</div>
</div>
</td>
</tr>
</table>

Answer 4

对于嵌套的层，因为里面的层在“上方”，外面的层在“下方”，即前者被后者“遮挡”住了，因此鼠标停留时，只有前者能够收到 onmouseover 事件
因此，onmouseover 应该给前者

Answer 5

如果给链接加layer显示一个说明框，怎么做？