Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 18

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Всем привет,а что песочницы не видят псевдоэлементы?
источник

П

Паша in HTML/CSS — русскоговорящее сообщество
Nikolay Breyn
Всем привет,а что песочницы не видят псевдоэлементы?
есть ссылка?
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
есть ссылка?
да
источник

П

Паша in HTML/CSS — русскоговорящее сообщество
давай посмотрю
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
есть ссылка?
источник

П

Паша in HTML/CSS — русскоговорящее сообщество
а в каком месте проблема?
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
а в каком месте проблема?
вон там не отображает псевдо,треугольник должен быть
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
а в каком месте проблема?
вот так
источник

П

Паша in HTML/CSS — русскоговорящее сообщество
Nikolay Breyn
вот так
bottom: 0,     transform: translateX(-50%) translateY(70%); для after
источник

V

Vasiliy in HTML/CSS — русскоговорящее сообщество
Sla V
И каким образом
Так это на руку - можно перебить стили для других браузеров. Похоже на хак но...
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
bottom: 0,     transform: translateX(-50%) translateY(70%); для after
не меня интересует песочница,я сейчас пробую проблему решить,если не получится тогда напишу
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
mazya
Алибек, а как можно написать саппорт для этого блока, чтобы в IE было 1 1 auto, а в остальных нужное мне 0 0 330px?
Попробовать дать еще контейнер
источник

П

Паша in HTML/CSS — русскоговорящее сообщество
Nikolay Breyn
не меня интересует песочница,я сейчас пробую проблему решить,если не получится тогда напишу
я написал тебе решение, псевдоэлемент был в центрре родителя
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
Попробовать дать еще контейнер
Убрал оттуда флекс в итоге, а то порнуха получится
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Кто юзал picture source для поддержки ретины, на что вешать класс, чтобы он везде отрабатывал своё, независимо от того, с какого сурса внутри picture подгрузится картинка?
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
На picture отрабатывает как-то криво, где-то работает, а на другой сурс уже нет. На все вешать как-то странно. Может его нужно на img внутри picture вешать?
источник

NB

Nikolay Breyn in HTML/CSS — русскоговорящее сообщество
Паша
я написал тебе решение, псевдоэлемент был в центрре родителя
мне надо его скрывать и показывать
источник

VL

V. Lavrinovics 🇦🇹... in HTML/CSS — русскоговорящее сообщество
Кирилл mrDoode
Всем привет, кто сталкивался:
Есть список с ограниченной высотой, внутри вертикальный скролл. Нужно сверстать тень, чтобы было видно, что список прокручиваемый.
Проблема в том, что когда я список прокручиваю до низа — тень остаётся. Есть ли решение без ЖСа?
По-моему достаточно распространенный кейс
а добавить список еще один пустой в конец, не?
источник

Кm

Кирилл mrDoode in HTML/CSS — русскоговорящее сообщество
V. Lavrinovics 🇦🇹
а добавить список еще один пустой в конец, не?
Собственно на этом и остановился
источник

EA

El Anonimo in HTML/CSS — русскоговорящее сообщество
mazya
Белому даёшь релатив, для него делаешь псевдоэлемент абсолютом, даёшь ему высоту 100% и ширину какая нужна. Ставишь ему left столько, на сколько он должен выглядывать из-за блока. Также делаешь ему bg с градиентом.
У меня несколько карточек из таких div'ов и на чаcти есть градиентная граница справа, на части справа внизу картинка, перекрывающая границу div'a. Поэтому позиционировать относительно div'a одновременно обоих границу и картинку невозможно. Я позиционировал картинку.
Ваше решение и использование display: flex и justify-content: space-between помогло сделать универсальное решение для границы справа и картинки.
Спасибо.
источник