У меня проблема с совместимостью в IE8 (что еще нового?), И это выглядит так:
http://screencast.com/t/o6Is0q6EEn
Способ установки кода иЯ бы предпочел сделать это, если это возможно, в том, чтобы продукты представляли собой элемент списка, содержащий изображение и сведения о продукте, и они выглядят как
<li class="product ships-free on-sale">stuff</li>
И CSS:
li.product.ships-free:before {
content: url(../img/ships_free.png);
width: 80px;
height: 66px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10000;
}
li.product.on-sale:after {
content: url(../img/on_sale.png);
width: 80px;
height: 66px;
right: 0;
top: 0;
display: block;
position: absolute;
z-index: 10000;
}
Это работает в Chrome и Firefox, но не в IE8.Я еще не проверил ie9.Для кода, проверьте www.calleynye.com/exteriorsolutions.
В идеале, я хотел бы найти способ исправить это, не добавляя дополнительные пролеты или деления.Я знаю, что псевдоэлементы не работают в более ранних версиях ie, но если они вообще не отображаются, я согласен с этим.Я просто не хочу, чтобы они выглядели испорченными.
Заранее спасибо!