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

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

8
Z-индекс не работает с фиксированным позиционированием
У меня есть divс позиционированием по умолчанию (т.е. position:static) и divс fixedпозицией. Если я установлю z-индексы элементов, кажется невозможным заставить фиксированный элемент идти позади статического элемента. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; …
422 css  z-index 


11
Размещение / перекрытие (z-index) вида над другим видом в Android
У меня есть линейный макет, который состоит из изображения и текста, один под другим в линейном макете. <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> Некоторые правила могут отсутствовать, чтобы дать представление о том, как выглядит макет. Я хочу еще одно небольшое …

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

11
Проблемы наслоения 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: …

13
Как использовать z-index в элементах svg?
Я использую круги SVG в моем проекте, как это, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> И я использую z-index в gтеге, чтобы показать элементы первыми. В моем проекте мне …

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

4
Вынести элемент на передний план с помощью CSS
Я не могу понять, как вывести изображения на первый план CSS. Я уже пробовал установить z-index на 1000 и положение относительно, но все равно не удалось. Вот пример- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content …
87 html  css  z-index  jsfiddle 

6
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: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; …
85 css  z-index  transform 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.