2013-05-30 2 views
0

Ниже представлен хромированный вид моей страницы. здесь изображение/значок сторона не показывает хорошоЗначки глификонов не подходят для хрома

image 1

Но я сделать мыши над/зависать на это изображение/ссылке или изменить ширину окна вручную, его дисплей правильно, как показано ниже. но отлично работает в Firefox

image 2

это HTML код я с помощью

<li><a class="glyphicons display" href=""><i></i>Dashboard</a></li> 

ответ

1

Это общая проблема с хромом вместо этого использовать значок шрифт как Fontawesome http://fortawesome.github.io/Font-Awesome/

Fontawesome совместим со всеми браузерами выше IE7. Fontawesome имеет много интересных значков. и это довольно ново.

http://fortawesome.github.io/Font-Awesome/icons/

для иконок, вам нужно посмотреть на:

http://fortawesome.github.io/Font-Awesome/icon/cogs/

http://fortawesome.github.io/Font-Awesome/icon/desktop/

Вы можете использовать их как это: <i class="icon-desktop"></i> icon-desktop и т.д.

+0

как значок изменения цвета? – user475464

+0

Если вы поместите значки в ссылку (я вижу, что вы это сделали), вы можете просто указать ссылку на цвет, а значок будет иметь тот же цвет, что и ваш текст. –

+0

Так белый текст = белый значок. синий текст = синий значок. Поскольку это шрифт, вы можете просто изменить цвет, сделав что-то вроде цвета: # 999; –

Смежные вопросы