Не удается изменить z-индекс с помощью JQuery

Я по какой-то причине не могу изменить zIndex элемента с помощью jQuery. Я искал весь этот сайт и Google, но не смог найти правильный ответ. Я пытаюсь поместить свой элемент перед другим div при нажатии кнопки. Я использовал код, который вы видите здесь. Но не получилось.

  $(this).parent().css('zIndex',3000);

код CSS элементов это в начале:

#wall{
    width:100%;
    height:700px;
    position: absolute;
    top:500px;
    background: #11c1e7;
    opacity: 0.6;
    z-index: 900;
    }

CSS код элемента, который должен идти выше этого:

.port1 {
width:200px;
height:200px;
left:<?php echo rand(1,1000); ?>px;
top:-500px;
border-radius: 500px;
background:red;
position:absolute;
z-index: 10;
}

кто-нибудь знает, как я можешь это исправить?

/ / Edit

ссылка на сайт: http://dannypostma.com/project/j.php

при нажатии на мяч портфолио, два шара падают с воздуха. Они должны идти перед водой при нажатии.

5 ответов


задание style.zIndex объект нет эффекта на непозиционных элементах, то есть элемент должен быть либо абсолютно расположен, либо относительно расположен, либо фиксирован.

поэтому я бы попробовал:

$(this).parent().css('position', 'relative');
$(this).parent().css('z-index', 3000);

это недопустимый синтаксис Javascript; имя свойства не может иметь -.

использовать zIndex или "z-index".


$(this).parent().css('z-index',3000);

потому что ваш код jQuery-это неправильно. Правильно было бы:

var theParent = $(this).parent().get(0); 
$(theParent).css('z-index', 3000);

zIndex является частью нотации javaScript.(camelCase)
но jQuery.css использует тот же синтаксис, что и CSS.
так оно и есть!--1-->.

вы забыли .css ("attr","value"). используйте " или " в обоих случаях, attr и val. так, .css("z-index","3000");