порядок отображения DIV-ов
Хай всем!
У меня на странице есть несколько перекрытых друг другом DIV-ов. Подскажите как можно изменить порядок отображения DIV-ов на странице. Пытался сделать при наведении курсора на DIV изменение свойства css (z-index) но не получается. Спасибо... |
Без примера вам не смогут помочь. Но вообще это делается через z-index (свойство element.style.zIndex), чем его значение больше, чем "выше" ("ближе") будет элемент.
|
например
<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>
|
А блоки абсолютно/относительно позиционированы?
|
position:absolute;
|
Gudzon,
Ну вы всем элементам присваиваете одинаковый zIndex, может поэтому не работает так, как вы ожидаете? |
Ну во первых скрипт написан с ошибками.
А во вторых кода побольше покажите со стилями. Что пытаетесь реализовать? Так правильно писать:
<script language="javascript">
$(document).ready(function(){
$("div").mousemove( function(){
$(this).css({'z-index':99});
});
});
</script>
|
| Часовой пояс GMT +3, время: 02:26. |