Короче говоря, я хочу добавить абсолютно позиционированный псевдоэлемент после другого элемента, поэтому я просто использую псевдоэлемент :after
в своей таблице стилей.Это работает как шарм, кроме как в IE7.Я должен думать, что :after
поддерживается в IE7, нет?Хак clearfix , используемый в Boilerplate, отлично работает, так почему бы и нет в моем примере?
Когда я смотрю на CSS в инспекторе стилей, кажется, что он распечатывается, поэтому он мне кажется , что он это понимает, но тем не менее я не вижу сгенерированный элемент.Я что-то упустил?
.myclass:after {
content:"";
display:table;
width:100px;
height:100px;
background:#f7f7f7;
position:absolute;
top:0;
left:-1px;
z-index:0; }
.myclass > div {
position:relative;
z-index:10; }
.myclass {
z-index:1;
position:relative; }
Вот Скрипка !