Size: a a a

Front-end developers

2019 September 17

BB

Bohdan Bohdan in Front-end developers
li>img ?
источник

N

Nazar in Front-end developers
ребята помогите пожалуйста. я вчера задавал вопрос как сделать такую штуку. https://prnt.sc/p75uk5 .
https://codepen.io/nazarbroslaw/pen/PoYdJrR только не удаляйте свойство z-index у класса content(так как оно работает но мне нужно через z-index) ?
источник

N

Nazar in Front-end developers
Nazar
ребята помогите пожалуйста. я вчера задавал вопрос как сделать такую штуку. https://prnt.sc/p75uk5 .
https://codepen.io/nazarbroslaw/pen/PoYdJrR только не удаляйте свойство z-index у класса content(так как оно работает но мне нужно через z-index) ?
нужно полностю перекрить синий блок
источник

С

Степан in Front-end developers
INME
дядя, ты хоть бы глянул, что там за слайдер... там андронный колайдер, а ты с ножиком для консервы лезешь
а я полез с ножиком )) и после двух часов получилось вот что
источник

С

Степан in Front-end developers
источник

С

Степан in Front-end developers
Integer
Помогите пожалуйста на вас очень надеюсь
лови, топорно немного... но работает же) https://codepen.io/shtefan1860/pen/KKPxZxv
источник

С

Степан in Front-end developers
правда там не могу никак заставить его скролиться по кругу..((
источник

I

INME in Front-end developers
Степан
лови, топорно немного... но работает же) https://codepen.io/shtefan1860/pen/KKPxZxv
но не правильно работает))) посмотри, как у тебя шарики снизу заполняются при автоплее))) я же выше там писал решение, как сделать автоплей)))
источник

I

INME in Front-end developers
INME
setInterval(function() {
 let next = document.querySelector('.btn.active + .btn');
 let btns = document.querySelectorAll('.btn')
 next ? next.click() : btns[0].click();
}, 3000);
вот
источник

С

Степан in Front-end developers
INME
вот
красавчик...
источник

С

Степан in Front-end developers
спс)
источник

DE

Denis Evlampiev in Front-end developers
Nazar
ребята помогите пожалуйста. я вчера задавал вопрос как сделать такую штуку. https://prnt.sc/p75uk5 .
https://codepen.io/nazarbroslaw/pen/PoYdJrR только не удаляйте свойство z-index у класса content(так как оно работает но мне нужно через z-index) ?
Никак position:absolute + z-index у родителя создают новый контекст наложения и слои.
Либо убрать z-index у синего блока, либо изменить разметку, чтобы зеленый блок не был предком синего.
источник

P

Philipp in Front-end developers
Denis Evlampiev
Никак position:absolute + z-index у родителя создают новый контекст наложения и слои.
Либо убрать z-index у синего блока, либо изменить разметку, чтобы зеленый блок не был предком синего.
Т.е. родитель всегда выше?
источник

AE

Alex Elkin🇪🇸 in Front-end developers
Philipp
Т.е. родитель всегда выше?
контекст наложения погугли
источник

P

Philipp in Front-end developers
Alex Elkin🇪🇸
контекст наложения погугли
Хорошо, спасибо
источник

DE

Denis Evlampiev in Front-end developers
Philipp
Т.е. родитель всегда выше?
Нет, это поведение исключительно в хромиуме. FF и IE отрисуют нормально, Safari изолирует дочерний блок внутри родительского и обрежет его. А хром почему-то при создании нового контекста наложения, рендерит скроллбары в самом конце, из-за чего они получаются выше дочерних элементов.
источник

DE

Denis Evlampiev in Front-end developers
Так рендерится без создания нового контекста наложения.
источник

DE

Denis Evlampiev in Front-end developers
источник

DE

Denis Evlampiev in Front-end developers
А вот так если создать новый контекст. Последняя строка #871 это как раз рендер скролла, после всего оcтального. На картинке видно что он выносится в отдельный слой. Хз баг это или нет, информации никакой не встречал.
источник

DE

Denis Evlampiev in Front-end developers
источник