вопрос
Здравствуйте.
Столкнулся с неожиданной для себя ситуацией. Верстаю спокойно шаблон, и все элементы :before и :after у меня имеют position:absolute. Я, чтобы не присваивать этот параметр к каждому селектору, решил сделать так:
А, оказывается, конструкция эта не то чтобы в Хроме не работает, так еще и полностью "убивает" весь дизайн и сайт становиться белым экраном. После расстановки position:absolute к каждому селектору отдельно все становиться как надо.
Что это вообще такое? Не могу найти записей о том, что так делать нельзя. Проблема только в Хроме, даже IE7 отображает все как надо.
Столкнулся с неожиданной для себя ситуацией. Верстаю спокойно шаблон, и все элементы :before и :after у меня имеют position:absolute. Я, чтобы не присваивать этот параметр к каждому селектору, решил сделать так:
:before,
:after {
content:"";
position:absolute;
}
А, оказывается, конструкция эта не то чтобы в Хроме не работает, так еще и полностью "убивает" весь дизайн и сайт становиться белым экраном. После расстановки position:absolute к каждому селектору отдельно все становиться как надо.
Что это вообще такое? Не могу найти записей о том, что так делать нельзя. Проблема только в Хроме, даже IE7 отображает все как надо.
так писать не правильно.
Этой конструкцией вы присваиваете к КАЖДОМУ элементу страницы указанные свойства.
Сделайте так:
А в html пишите так:
Этой конструкцией вы присваиваете к КАЖДОМУ элементу страницы указанные свойства.
Сделайте так:
.after,
.before {...}
.after:after {...}
.before:before{...}
А в html пишите так:
<div class="someclass after"></div>
<div class="someclass after before"></div>