Вопросы с тегом «z-index»

519
Минимальное и максимальное значение z-index?

У меня есть div на моей странице HTML. Я показываю этот div в зависимости от некоторых условий, но div отображается за элементом HTML, на который я указал курсор мыши. Я перепробовал все значения z-index от 0 до 999999. Может кто-нибудь сказать мне, почему это происходит? Есть ли минимальное или...

422
Z-индекс не работает с фиксированным позиционированием

У меня есть divс позиционированием по умолчанию (т.е. position:static) и divс fixedпозицией. Если я установлю z-индексы элементов, кажется невозможным заставить фиксированный элемент идти позади статического элемента. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width:...

182
Почему z-index не работает?

Так что, если я z-indexправильно понимаю , было бы идеально в этой ситуации: Я хочу разместить нижнее изображение (тег / карточку) под div над ним. Таким образом, вы не можете видеть острые края. Как мне это сделать? z-index:-1 // on the image tag/card или z-index:100 // on the div above тоже не...

163
Проблемы наслоения IE7 Z-Index

Я выделил небольшой контрольный пример z-indexошибки IE7 , но не знаю, как ее исправить. Я играл z-indexвесь день. Что не так с z-indexIE7? Тест CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin:...

98
Цветок парадокса z-index в CSS

Я хотел бы создать парадоксальный эффект с помощью свойства z-index CSS . В моем коде есть пять кругов, как на изображении ниже, и все они абсолютно позиционированы без определения z-index. Поэтому по умолчанию каждый кружок перекрывает предыдущий. Прямо сейчас круг 5 перекрывает круг 1 (левое...

87
Вынести элемент на передний план с помощью CSS

Я не могу понять, как вывести изображения на первый план CSS. Я уже пробовал установить z-index на 1000 и положение относительно, но все равно не удалось. Вот пример- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background:...

85
z-index отменяется установкой преобразования (поворота)

Используя свойство transform, z-index отменяется и появляется спереди. (При комментировании out -webkit-transform, z-index правильно работает в приведенном ниже коде) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform:...