Пытался поискать на форуме похожее, не нашел... на сайте тоже простые примеры и не раскрывают решения проблемы... хотя, может просто я не понимаю. Задача: есть несколько строк, наводя на которые должны открываться слои, содержащие более подробную информацию об этих строках... Ниже пример кода. В нем такой минус: когда появляется слой большего размера, он опускает нижний слой. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>My Div</title> </head> <style type="text/css"> .block1 { position: relative; width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; float: left; z-index: 1; } .block2 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; float: none; position: relative; top: 20px; left: -170px; FILTER: alpha(Opacity=85); display: block; z-index: 100; } #R { float: none; clear: both; position: relative; } </style> <script language="JavaScript" type="text/javascript"> function onMouseFunc(id1,do1) { if (do1==1) { document.getElementById("b"+id1).style.display="block"; // alert("b"+id1); } else if (do1==2) { document.getElementById("b"+id1).style.display="none"; } } </script> <body> <div class="block1" onmousemove="onMouseFunc(1,1)" onmouseout="onMouseFunc(1,2)">Привет</div> <div id="b1" class="block2" onmousemove="onMouseFunc(1,1)" onmouseout="onMouseFunc(1,2)"> Как дела? Как дела? Как дела? Как дела? Как дела? </div> <div id="R"></div> <div class="block1" onmousemove="onMouseFunc(2,1)" onmouseout="onMouseFunc(2,2)">Привет Медвед!!!</div> <div id="b2" class="block2" onmousemove="onMouseFunc(2,1)" onmouseout="onMouseFunc(2,2)"> САМ ПРЕВЕД! САМ ПРЕВЕД! САМ ПРЕВЕД! САМ ПРЕВЕД! САМ ПРЕВЕД! </div> <div id="R"></div> </body> </html>
