Шрифт Awesome z-index issues

Question

В веб-проекте, над которым я работаю, у меня есть фиксированный навигатор в верхней части страницы, а содержимое под ним имеет шрифты Awesome.

Первоначально я использовал ссылку CDN для FA, и все было отлично. Когда я попытался использовать локальную версию, полученную через Bower, значки были визуализированы над навигационной панелью, а все остальное содержимое отображалось правильно ниже.

Z-индекс на значках установлен как автоматический для CDN и локальных версий (шрифт Awesome 4.6.0). Я пробовал изменять значения знака z-index вручную безрезультатно. Проблема появляется как в Firefox, так и в Chrome.

Неужели кто-нибудь испытал эту проблему раньше?

Answer 1

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

Задержка может привести к тому, что одна таблица стилей будет применяться не по порядку - особенно если вы используете импорт.

Answer 2

только что натолкнулся на эту проблему.

Видимо, шрифт удивительные иконы имеет Z-индекс: 4

Следовательно, множество .navbar в Z-индекс: 5 или что-нибудь значительно, чем 4, проблема нет.