#css #ruby-on-rails
#css #ruby-on-rails
Вопрос:
Я работал над проектом rails, есть несколько изображений и значок css, который появляется над заголовком, когда я прокручиваю целевую страницу вниз. Я искал z-индекс и установил значение 1000 , но он все равно находится над заголовком.
Вот URL-адрес проекта: http://mentoring-campus.herokuapp.com /
Что не так с кодом css?
Ответ №1:
Строка, содержащая эти изображения, имеет класс .animated . Этот класс имеет «z-index: 100;», из-за чего эти изображения отображаются над вашим заголовком.
Комментарии:
1. Спасибо @JX0, удалось исправить, добавив встроенный css.
2. @Eltaf нет проблем 🙂
Ответ №2:
Если вы измените z-индекс divs, которые отображаются в верхней части заголовка, на -1, это исправит это. Похоже, что эти divs имеют класс ‘wow’.
Ответ №3:
Это часто считается плохой практикой, но вы могли бы использовать:
z-index: 999 !important;
или даже использовать встроенный
style="z-index: 999"
Чтобы сделать это правильно, вы должны убедиться, что ваш собственный css включен после css, который присваивает этим изображениям z-индекс