Запитання з тегом «z-index»

У мене на своїй HTML-сторінці є div. Я показую цей div на основі певної умови, але div відображається за елементом HTML, де я вказав курсор миші. Я спробував усі значення z-індексу від 0 - 999999. Чи може хто-небудь сказати мені, чому це відбувається? Чи є якесь мінімальне або максимальне значення …

518 html  css  z-index 

У мене є 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 

Я хочу перемістити один погляд зверху на інший, як я можу знати індекс z подання і як перейти до вершини?

252 ios  uiview  position  z-index 

У мене лінійний макет, який складається з перегляду зображень і перегляду тексту, один під іншим у лінійному макеті. <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> Деякі правила можуть бути відсутніми, це полягає в уявленні, як виглядає макет. Я хочу ще одного …

230 android  android-layout  z-index 

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

182 html  css  z-index 

Я виділив невеликий тестовий випадок z-indexпомилки IE7 , але не знаю, як це виправити. Я z-indexцілий день грав з нею . Що не так z-indexу IE7? Тестовий CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; …

163 css  internet-explorer-7  z-index 

Я використовую круги 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-індекс у gтезі, щоб першими показати елементи. У своєму проекті мені потрібно …

154 javascript  jquery  svg  z-index 

Я хотів би створити парадоксальний ефект через властивість z-index CSS . У моєму коді є п’ять кіл, як на зображенні нижче, і всі вони абсолютно розміщені без визначеного z-index. Тому за замовчуванням кожне коло перекриває попереднє. Зараз коло 5 перекриває коло 1 (зображення ліворуч). Парадокс, якого я хотів би досягти, …

98 css  z-index 

Я не можу зрозуміти, як перенести зображення спереду за допомогою CSS. Я вже намагався встановити z-індекс на 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: …

87 html  css  z-index  jsfiddle 

Використовуючи властивість transform, z-індекс скасовується та з'являється спереду. (Коли ви коментуєте -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; …

84 css  z-index  transform 

Я реалізував спливаюче вікно, яке динамічно відображає параметри пошуку. Я хочу, щоб поле "плавало" над усім вмістом сайту. Зараз, коли вікно відображається, воно витісняє весь вміст під ним і виглядає погано. Я вважаю, що я вже намагався встановити z-індекс div вікна вище, ніж інший вміст сторінки, але все одно не …

81 css  z-index