Проблемы с IE 7 - 8

[dakanca]

Добрый день.

Вероятно решается просто.

Не знал как сформулировать, чтобы загуглить.

<a href="#"><div class="icon-share-shadow-17x13"></div></a>

.icon-share-shadow-17x13 {
	background: url("/content/images/i/icon/icon-action-with-shadow.png") no-repeat -20px 0;
	width: 17px;
	height: 13px;
	display: inline-block;
	zoom: 1;
       *display: inline;
}

Не отображает иконки в IE - 7 - 8

Идею взял с http://fortawesome.github.com/Font-Awesome/

Про в хаке для IE 7 такой код:

.icon-refresh {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');
}

Edited December 27, 2012 by dakanca

[Yazon_Nile]

Для ие7 надо не звездочку ставить а нижнее подчеркивание.

_zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');

[dakanca]

Для ие7 надо не звездочку ставить а нижнее подчеркивание.

_zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');

Данное решение используется для font-awesome

Для себя не использовал.

При загрузке странице background появляется, но при окончании загрузки исчезает.

Не знаю что и делать. Буду вставлять чз img.

Потом переделаю. (

[dakanca]

Решил.

Изначально файлы стилей иконок в отдельный файл, а стили позиционирования в другой.

Стили позиционирования стояли выше стиля иконок в head

Поднял стиль иконок на самый верх.

Работает.

Edited December 27, 2012 by dakanca

[lexxcode]

Для ие7 надо не звездочку ставить а нижнее подчеркивание.

нижнее подчеркивание "_" или черточка "-" это для ИЕ6

А звездочка "*" это для ИЕ6-7