Доброго всем времени суток господа.
// это помещаем на страницу
<div class="tippem">
картинка 1
<div class="tim">
картинка 2
</div>
</div>
// это в CSS
.tippem { position:relative; text-align:justify; }
.tippem .tim { display:none; position:absolute; top:-20px; left:+20px; }
.tippem:hover .tim { display:block }
Есть такой код. очень удобно в место того, что я обозначил как - картинка, делать таблицы, другие дивы. Наводишь, и появляется область со скрытым кодом. Экономит место на странице.
Есть так же проблема с этим кодом. Если расположить несколько таких блоков на странице, то, при наведении если 'картинка 2' заезжает на одну из 'картинка 1', то 'картинка 2' - появляется как бы под ним. Что и должно быть, как и прописано в CSS.
Есть ли какой либо способ, осуществить тоже самое, но только, что бы все скрытые области, которые при наведении показывались - не появлялись под другими
p.s. я заранее должен извиниться за то, как задал вопрос