Почему Chrome не понимает указание общей позиции для before и after?
Здравствуйте.
Столкнулся с неожиданной для себя ситуацией. Верстаю спокойно шаблон, и все элементы :before и :after у меня имеют position:absolute. Я, чтобы не присваивать этот параметр к каждому селектору, решил сделать так:
А, оказывается, конструкция эта не то чтобы в Хроме не работает, так еще и полностью "убивает" весь дизайн и сайт становиться белым экраном. После расстановки position:absolute к каждому селектору отдельно все становиться как надо.
Что это вообще такое? Не могу найти записей о том, что так делать нельзя. Проблема только в Хроме, даже IE7 отображает все как надо.
Источник:dle-faq.pro, DLE
Столкнулся с неожиданной для себя ситуацией. Верстаю спокойно шаблон, и все элементы :before и :after у меня имеют position:absolute. Я, чтобы не присваивать этот параметр к каждому селектору, решил сделать так:
:before,
:after {
content:"";
position:absolute;
}
А, оказывается, конструкция эта не то чтобы в Хроме не работает, так еще и полностью "убивает" весь дизайн и сайт становиться белым экраном. После расстановки position:absolute к каждому селектору отдельно все становиться как надо.
Что это вообще такое? Не могу найти записей о том, что так делать нельзя. Проблема только в Хроме, даже IE7 отображает все как надо.
Источник:dle-faq.pro, DLE
💬 Комментарии
В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.
🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.
💡 Хотите обсудить материал?
Присоединяйтесь к нашему Telegram-каналу:
https://t.me/blogssmartzНажмите кнопку ниже — и вы сразу попадёте в чат с комментариями