У меня есть следующий код CSS
.editable:before {
content: url(../images/icons/icon1.png);
padding-right:5px;
}
это используется в сочетании со следующей разметкой:
<span class="editable"></span>
В любом счастливом браузере в мире появляется мой значок, но IE8, кажется, имеет проблему с этим. Не :before
псевдоэлемент CSS2? не content:
также команда CSS2? что дает?
Обновление: я неправильно прочитал страницу! IE 8 поддерживает : раньше с изображениями этого не было, когда он находится в режиме совместимости с IE7.
IE8 поддерживает : до
, , но не , а также изображения в качестве содержимого, когда он не находится в режиме совместимости. Престижность @toscho за тестирование!
Как я люблю quirksmode.org, что делает работу с этим материалом, по крайней мере, наполовину терпимым. Парень заслуживает медали!
Вы можете использовать изображение в качестве фона для сгенерированного контента:
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Generated content with an image</title>
<style>
p:before
{
content: '';
padding: 20px;
background: url("css.png") center center no-repeat;
}
</style>
<p>Test</p>
Работает в IE 8, Opera и Mozilla. Живая демонстрация .