Вопросы с меткой [z-index]
Руководство по использованию метки z-index отсутствует.
67
вопросов
0
голосов
0
ответов
43
показа
Как создать расширение, которое отображало бы актуальный z-index у конкретного объекта?
Есть сайт: https://developer.mozilla.org/ru/docs/Web/CSS/z-index
И там есть "интерактивный пример", где нажимаются кнопки и z-index у объектов меняется в коде:
<div id="example-...
0
голосов
2
ответа
64
показа
Cделать расширение, чтобы оно получало с сайта z-index и выводило его [закрыт]
Надо выпендриться перед подругой))
Знаю, что вас замучили подобные вопросы, но всё равно прошу помочь не сведущему, есть код. Мне необходимо сделать расширение, чтобы оно получало с сайта z-index и ...
0
голосов
0
ответов
15
показов
Как "приручить" вёрстку слоями и подружить её с webkit-ом
У меня есть три элемента в ряду. Я хочу сделать так, чтобы сохранить эффект размытия с ховером для левого элемента и наложение текста с скруглением остальных элементов, да так, чтобы текст смотрелся ...
0
голосов
2
ответа
48
показов
Как задать стили выпадающему блоку, чтобы он не смещал контент под ним, а накладывался на него?
У меня есть горизонтальное меню.
По нажатию на один из элементов в этом меню - открывается новое выпадающее меню, выполненное как flex-блок.
<!-- на этот пункт надо нажать, чтобы открылось меню --&...
0
голосов
1
ответ
87
показов
Обрезается картинка в слайде Slick Slider
Есть стилизованный slick-slider где картинка должна выходить за верхнюю границу:
При этом для .slick-list у меня задан фон(который фиксированный, пролистывается только содержимое - текст, картинка и ...
-1
голос
1
ответ
33
показа
Интересный и простой вопрос hover + z-index)
Вопрос простой, но интересный. Подскажите, как быть, если не срабатывает hover на объекте у которого z-index. Как можно на него навестись при ховере и индексе одновременно.
1
голос
1
ответ
95
показов
Почему z-index не работает при position:relative?
У меня есть простенький слайдер. В первом случае, я использую position: absolute, во втором – position: relative.
1. POSITION:ABSOLUTE – работает
* {
margin: 0;
padding: 0;
text-align: ...
0
голосов
2
ответа
146
показов
z-index не работает, в чем ошибкa, last_child
Всем привет, не получается правильно вставить салотовый уголок в блоках, в чем проблема не пойму помогите разобратся, вот я пробывала через
content: '';
display: block;
...
0
голосов
1
ответ
48
показов
Как правильно задать z-index?
Всем доброго времени суток.
Есть часть вёрстки:
.div-about {
position: absolute;
width: 1420px;
height: 332px;
left: calc(50% - 1420px/2 + 1px);
}
.info-about {
font-family: Noah;
font-...
0
голосов
1
ответ
688
показов
css как поднять блока выше родительского и ниже дочерного
подскажите как заставить класса .content идти выше класса header-bar и header-ega и ниже класса header-content
.header-bar {
width: 100%;
height: 65px;
background: #098088;
...
0
голосов
1
ответ
69
показов
Z-index кнопка закрыть на меню
Работаю над сайтом, и мне нужно сделать меню, которое будет появлятся из кнопки (кнопка после нажатия меняет картинку, но я думаю это не так важно). Так вот, проблема в том, что меню, реализовано ...
1
голос
0
ответов
42
показа
Проблема с transform и z-index на всех устройствах IOS
Есть блок, который крутится посредством JS и изменения свойства transform: rotate, перед этим блоком есть еще один блок, который совершает 3d поворот при наведении(в перспективе), посредством rotate3d(...
2
голоса
2
ответа
412
показов
Как сделать текст поверх родительского блока при помощи z-index
.events_point_hovers располагается над списком и служит для вывода уникальных изображений поверх при наведении на пункт списка.
Сейчас эти картинки перекрывают текст, как сделать z-index для текста ...
-2
голоса
1
ответ
46
показов
С помощью чего можно достичь данный эффект
Столкнулся с такой страничкой http://www.adhamdannaway.com/ понравилась задумка c изменением картинки автора(по умолчание изображения делят экран на две половины, при работе с мышкой одно изображение ...
1
голос
1
ответ
103
показа
Секция перекрывает ссылку z-index
Не понимаю, почему секция feynman перекрывает ссылку "подробнее". У секции z-index ниже, чем у ссылки, обоим элементам позиционирование задано. feynman__title и feynman__subtitle ...
0
голосов
0
ответов
25
показов
Почему z-index не работает на первом элементе моей диаграммы
Столкнулся с проблемой z-index"а на первом элеменьте
.container {
margin: 0 auto;
width: 300px;
height: 300px;
overflow: hidden;
border-radius: 50%;
position: relative;
}
....
0
голосов
1
ответ
420
показов
Не работает z-index для дочернего элемента
Хочу создать топ меню. header позиционирован как fixed, но обратите вниманию на inner_content у него z-index -1 всё равно стоит над header-ром
/* setting */
* {
box-sizing: border-box;
...
0
голосов
3
ответа
2k
показов
Почему before не прячется за родительский элемент с большим z-index?
Есть блок с текстом и зеленый кантик реализованный с помощью before.
Пытаюсь его спрятать на основной блок с помощью z-index и даже transform:translateZ(0), но ничего не выходит.
Раньше думал, что ...
1
голос
1
ответ
352
показа
z-index в canvas
const canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.lineJoin = 'round';
ctx.fillStyle = 'black';
var previous,
inputSize = document.querySelector("[name='...
1
голос
2
ответа
313
показов
Вертикальное позиционирование SVG-элемента поверх и под другие элементы
Нужно, чтобы элемент rect1 был расположен под rect2, но rect3 (синий) располагался над rect2 (зелёный) и под rect1 (красный).
Как можно сделать такое позиционирование?
Далее, мой пример с ошибкой, ...
1
голос
1
ответ
52
показа
Не работает z-index контейнера
Я уже делала их сестринскими, эти div. Пробовала по разному, но родительский контейнер не перекрывает нижний.
<div class="container">
<div class="a "></div>
</div>
....
4
голоса
2
ответа
696
показов
CSS принудительный верхний z-индекс с родительским overflow:hidden
Я не могу разобраться, как переместить элемент, который находится под .content-wrapper{ overflow:hidden; .content{position:absolute;}на самый верх
Рассмотрим скриншот ниже:
Элемент изображения с ...
1
голос
1
ответ
99
показов
как спрятать вложенный список <ul> под родительский список (z-index)
Есть примерно така html структура и css стили.
ul{
padding: 0;
}
header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom:...
0
голосов
1
ответ
40
показов
Как заставить работать z-index?
Не могу понять, хочу что бы первый блок при наведении (hover) перекрывал нижний блок, а он его сдвигает. position: relative; и z-index проставил но без успеха! Что я делаю не так?
.cardhe{
...
0
голосов
2
ответа
180
показов
Возможно не наследовать z-index у родителя?
Пример в коде.
Красный квадрат не должен закрывать белую кнопку.
Не очень понимаю как реализовать. Пробовал и absolute ставить на кнопку, толку нет.
.block {
width: 250px;
height: 250px;...
0
голосов
3
ответа
268
показов
Плавное удлинение блока и появление кнопок
Соответственно, при наведении на карточку снизу появляются 2 кнопки, и блок вырастает по вертикали.
/*У карточки есть свойства,
чтобы выводить класс info над другими карточками : */
.card-...
0
голосов
0
ответов
25
показов
Не срабатывает z-index на блок
Никак не получается сделать наложение текста абзацев на блок меню.
Почему при задании блоку стилей
.container {
width: 1170px;
position: relative;
z-index: 3;
}
А у меню z-...
0
голосов
1
ответ
90
показов
Как получить z-index с сайта?
Всем привет! Есть такая строчка на сайте:
Подскажите пожалуйста, как получить и записать z-index по data-id в переменную, а то там много таких строчек?
0
голосов
1
ответ
379
показов
z-index у псевдоэлементов не работает
Не понимаю почему не работает z-index у ::before. Позиционирование указано.
Помогите разобраться.
Нумерация списка должна скрываться частично за содержимым списка.
ol {
display: flex;
...
0
голосов
1
ответ
30
показов
Кoрректная работа z-index
Столкнулась с такой проблемой: не могу правильно задать элементам z-index, чтобы всё работало корректно. Вот тут код
function myBtn() {
document.getElementById('modalW').style.display = 'block'...
0
голосов
1
ответ
184
показа
Не работает z-index у псевдоэлемента
Добрый день! Такая проблема возникла, как правильно сделать, чтобы текст был поверх псевдоэлемента? z-index не помогает, сам не понимаю почему, вот HTML:
.progress {
background: gray;
...
0
голосов
1
ответ
60
показов
Help разобраться с z-index, пожалуйста
Есть 3х-уровневое меню.
Пункты меню имеют свойство z-index:3 При наведении на пункт выпадает второй уровень меню, при наведении на пункт второго уровня меню выпадает третий уровень. Все уровни ...
4
голоса
1
ответ
680
показов
Затемнение всей страницы при открытии выпадающего меню с помощью css
Возможно ли сделать с помощью только css, чтобы при наведении на меню которое имеет подменю появлялась подложка, которая покрывает всю страницу не считая самого меню и текста с повышенным z-index. ...
1
голос
2
ответа
690
показов
Подскажите как background-color вынести на передний план? Чтобы сделать затемнение (в 50% черного)
.slider-1:img {
padding-top: 20px;
max-height: 550px;
position: relative;
z-index: 5;
}
.slick-slide {
padding-left: 20px;
padding-right: 0;
margin-right: 0;
margin-left: 0;...
0
голосов
1
ответ
103
показа
Оформление закладок с помощью css: наложение одной закладки на другую
Подскажите пожалуйста как реализовать корректное отображение наложения закладок одну на другую слева направо.
Вроде как надо z-index аккуратно проманирулировать, но что-то не выходит.
Когда выставляю ...
2
голоса
1
ответ
141
показ
Не срабатывает z-index
Есть два блока .name-block и .review-block. Второй должен слегка наслаиваться на первый, я это реализовал при помощи отрицательного margin-top, но ничего не получилось. .name-block "выше" чем .review-...
4
голоса
2
ответа
71
показ
Поп-ап в соседстве с svg-картой не реагирует на действия мышки
Есть svg-карта, поверх которой всплывает поп-ап с информацией о провинциях (#provinceInfo). В этом поп-апе у меня не работает прокрутка текста, поскольку слой карты каким-то образом оказывается над ...
0
голосов
2
ответа
648
показов
Не работает свойство z-index для блока
Первый раз использовал слайдер slick, возникла проблема с отображением блока item-sq. Указываю любое значение z-index, блок отображается не так как нужно. В чем может быть проблема?
На картинке ...
1
голос
1
ответ
1k
показов
Почему не работает z-index
Имеется данная структура разметки и стилей.Если навести на Hello, можно увидеть drop_menu со значением 2,свойства z-index которое перекрывается блоком content со значением z-index 1.Вопрос знатокам, ...
0
голосов
1
ответ
63
показа
Влияние отрицательного margin-top на порядок элементов по оси z
Имеется два div'а, у второго есть css-свойство margin-top: -50px. Но получается так, что первый div располагается выше второго (выше по оси z). Почему так?
#a {
font-size: 70px;
}
#b {
...
0
голосов
1
ответ
230
показов
Как расположить один блок под другим с использованием псевдо-элементов
Почему не работает z-index у псевдо-элемента :after? Нужно чтобы красный блок перекрывал зеленый
https://codepen.io/AlikinVV/pen/dVXzoa
.test {
width: 100px;
height: 100px;
display: block;
...
2
голоса
3
ответа
856
показов
Flexbox + z-index
Есть зелёный бокс-родитель с настройками:
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
В нём находятся 7 зелёных radio с плавающими/летающими размерами, ...
2
голоса
1
ответ
72
показа
z-index не применяется
Не понимаю в чем ошибка и почему горизонтальная линия перекрывает круглую иконку, имея z-index: -1.
Вот результат!
HTML:
<ol class="stage-list list-unstyled">
<li class="stage-...
0
голосов
1
ответ
60
показов
css: форму вывести вперед, тень на подвал
пример:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
&...
-2
голоса
1
ответ
36
показов
Распорядок в z-index'ах
Вроде бы все нормально расставлено, а на практике наоборот.
При загрузке страницы и открытии мобильного (!) меню, его пункты оказываются под слайдером, но при изменении положения, когда срабатывает ...
0
голосов
2
ответа
401
показ
Слои, z-index, перекрытие слоев
Выпадающее меню кнопки попадает по слой другого элемента, который находится ниже. Хотя у выпадающего меню явно указано абсолютное позиционирование и высокий z-index.
Страница на boostrap, выпадающее ...
2
голоса
1
ответ
734
показа
Canvas, z-index и новогодний снежок
Есть вот такое вот демо https://wp-lessons.com/demo/css/padayushhiy-sneg-dlya-sayta-na-html5-canvas.html
Все бы хорошо, но из-за перекрывающего canvas на сайте все ссылки стали не кликабельные. Есть ...
1
голос
0
ответов
143
показа
Алгоритм реализации z-index'а в 2d игре
Здравствуйте!
Необходимо реализовать z-index в 2D игре. Игра работает на SFML2 + самописные библиотеки.
В самой SFML z-index'а нет. Как можно реализовать его? Вектор со спрайтами, который ...
2
голоса
1
ответ
210
показов
Проблемы с z-index
.seo {
position: relative;
background: rgba(0, 0, 255, .5);
height: 328px;
z-index: 10;
width: 480px;
}
.lefthand {
position: absolute;
background: red;
z-index: 2;
...
3
голоса
2
ответа
9k
показов
Не работает z-index для :before
Есть два элемента
<div class="first">
<div class="second">
</div>
</div>
CSS
.first {
width: 400px;
height: 200px;
border: solid 1px #0b1531;
background: #eef6fe;...