Форум

Gudzon · #1 (**permalink**) 06.08.2009, 13:27

Хай всем!

У меня на странице есть несколько перекрытых друг другом DIV-ов.

Подскажите как можно изменить порядок отображения DIV-ов на странице.

Пытался сделать при наведении курсора на DIV изменение свойства css (z-index) но не получается. Спасибо...

Андрей Параничев · #2 (**permalink**) 06.08.2009, 13:44

Без примера вам не смогут помочь. Но вообще это делается через z-index (свойство element.style.zIndex), чем его значение больше, чем "выше" ("ближе") будет элемент.

Gudzon · #3 (**permalink**) 06.08.2009, 13:56

например

<script language="javascript">
  $("div").mousemove( function(){
     $(this).css({ zindex:"99"});  });
  }
</script>

<html>

<div id="apDiv" class="cl"><img src="../примеры дизайна/site-tu/4.png" alt="" width="241" height="241" />
  <div id="apDiv1t">
    <div align="center"><strong>Новости</strong></div>
  </div>
</div>


<div id="apDiv2" class="cl"><img src="../примеры дизайна/site-tu/4.png" alt="" width="241" height="241" />
  <div id="apDiv2t">
    <div align="center"><strong>Видео</strong></div>
  </div>
</div>

Андрей Параничев · #4 (**permalink**) 06.08.2009, 14:07

А блоки абсолютно/относительно позиционированы?

Gudzon · #5 (**permalink**) 06.08.2009, 14:09

position:absolute;

Андрей Параничев · #6 (**permalink**) 06.08.2009, 14:27

Gudzon,
Ну вы всем элементам присваиваете одинаковый zIndex, может поэтому не работает так, как вы ожидаете?

Urfin · #7 (**permalink**) 11.08.2009, 00:48

Ну во первых скрипт написан с ошибками.
А во вторых кода побольше покажите со стилями. Что пытаетесь реализовать?
Так правильно писать:

<script language="javascript">
$(document).ready(function(){
  $("div").mousemove( function(){
     $(this).css({'z-index':99});
  });
});
</script>

Форум

Справочник

Discord чат

Курсы javascript