У меня есть Unicode для отображения символа флажка, он отлично работает в Firefox, Chrome и более высоких версиях IE, кроме IE 7. Вот код:
.status-bar li.done-status:before{
content: "\2713";
}
Любая идея, как сделать эту работу в IE7?
IE 7 не поддерживает сгенерированный контент (:before
и :after
псевдоэлементов). Таким образом, проблема не имеет ничего общего с поддержкой символа CHECK MARK "✓", как вы можете видеть, тестируя этот символ в HTML-контенте (при необходимости, используя ✓
) и сгенерированным контентом с использованием какого-то общего характера, скажем, content: 'X'
(он тоже не работает).
Если IE 7 имеет значение, подумайте о том, чтобы добавить символ в фактический документ, а не генерировать его с помощью CSS. Вы можете подумать об этом с помощью JavaScript, если он должен быть динамическим (в браузере).
Добавьте этот скрипт на свою страницу. может помочь вам и работать в IE7.
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->