[
parent pos: rel
arrow pos: abs
arrow pos: abs
я смогу absolute слой разместить под relative элементами?
Size: a a a
2020 September 10
С
конечно
Z
я смогу absolute слой разместить под relative элементами?
только внутри родителя
С
оберни их в блок с задай ему тоже pos rel z-index: 100 наприме
Z
кто подскажет, каким способом можно разместить стрелку по под элементами что бы она всегда была по центре вместе с кнопокой и на том же уровне по высоте?
ты хочешь брать всю стрелку целиком?
[
ты хочешь брать всю стрелку целиком?
да
АГ
кто подскажет, каким способом можно разместить стрелку по под элементами что бы она всегда была по центре вместе с кнопокой и на том же уровне по высоте?
Нужно это хитрый трюк с позишинами.
Сперва позиционируешь изображение таким образом чтобы левый верхний угол картинки где стрелка указывал в центр кнопки. Затем трансформом-транслейтом двигаеш картинку назад, чтобы стрелка указала точно на кнопку.
Я где-то тут делал такое
https://sberbankaktivno.ru/pr/guide/year
Сперва позиционируешь изображение таким образом чтобы левый верхний угол картинки где стрелка указывал в центр кнопки. Затем трансформом-транслейтом двигаеш картинку назад, чтобы стрелка указала точно на кнопку.
Я где-то тут делал такое
https://sberbankaktivno.ru/pr/guide/year
Z
а как она на мобилках адаптируется?
АГ
И стрелка будет указывать точно на то место где кнопка вне зависимости от ширины.
Но нужна будет обёртка для картинки и кнопки, + шаманство с z-индексами
Но нужна будет обёртка для картинки и кнопки, + шаманство с z-индексами
[
а как она на мобилках адаптируется?
нету дизайна под мобильные устройства, скорее всего под устройства меньше планшета не будет стрелок
MI
а как она на мобилках адаптируется?
))
[
Нужно это хитрый трюк с позишинами.
Сперва позиционируешь изображение таким образом чтобы левый верхний угол картинки где стрелка указывал в центр кнопки. Затем трансформом-транслейтом двигаеш картинку назад, чтобы стрелка указала точно на кнопку.
Я где-то тут делал такое
https://sberbankaktivno.ru/pr/guide/year
Сперва позиционируешь изображение таким образом чтобы левый верхний угол картинки где стрелка указывал в центр кнопки. Затем трансформом-транслейтом двигаеш картинку назад, чтобы стрелка указала точно на кнопку.
Я где-то тут делал такое
https://sberbankaktivno.ru/pr/guide/year
спасибо за предложеный вариант
Z
нету дизайна под мобильные устройства, скорее всего под устройства меньше планшета не будет стрелок
стрелка у тебя не только за кнопкой же фиксируется
Z
но и за этими двумя заголовками верхних блоков
[
стрелка у тебя не только за кнопкой же фиксируется
честно сам не знаю как поступить тут правильно
Z
я бы линию разбил на 2-3 части
Z
[
я бы линию разбил на 2-3 части
сложно будет. сделать так чтобы всё совпадало при ресайзе
Z
хотя не, тогда все равно не состыкуется
Z
сложно будет. сделать так чтобы всё совпадало при ресайзе
контейнер у тебя фиксед или флюид?