Поддержка: после в IE7 - PullRequest
       19

Поддержка: после в IE7

1 голос
/ 17 января 2012

Короче говоря, я хочу добавить абсолютно позиционированный псевдоэлемент после другого элемента, поэтому я просто использую псевдоэлемент :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; }

Вот Скрипка !

1 Ответ

3 голосов
/ 17 января 2012

В IE7 нет поддержки для :before и :after, есть и другие опции, которые вы можете использовать, например IE8.js .

...