У меня есть фиксированный заголовок на моей странице и много кнопок. Если кнопки отключены,Когда кнопка деактивирована, она отображается поверх фиксированных элементов
$(".myButtons").attr('disabled', 'disabled');
, когда я прокрутить страницу вниз, вместо того, чтобы быть скрыты от фиксированного заголовка, как все остальное, они призраком над ним. Кто-нибудь знает, как это происходит и как это исправить?
это, вероятно, какой-то странный унаследованный CSS, который устанавливает z-index на отключенную кнопку. Вы могли бы легко исправить с некоторыми добавлениями JQuery:
$('.myButtons').prop('disabled', 'disabled').css('z-index', 0);
(Вы можете использовать .attr но JQuery движется в сторону .prop для установки атрибутов).
Лучший способ решить эту проблему - найти оригинальный стиль, который устанавливает z-index. Вероятно, вы можете найти его, если вы проверите элемент и раскройте «Вычисленные стили», если это у вас есть в инструментах разработчика.
Надеюсь, это поможет.
Задача z-index была проблемой. Спасибо, что принесли это. Я не знал об этом, потому что я все еще довольно новичок в веб-программировании. К сожалению, попытка изменить z-индекс кнопок, похоже, ничего не делала. Я изменил z-индекс заголовка на 10 и устранил проблему. – AdamMasters
PS. Я посмотрел в вычисленных стилях, и я не мог найти ничего, что установило бы z-index. – AdamMasters
Да, часто возникают проблемы с z-index в родительском элементе, поэтому вы можете не видеть их в вычисленных стилях, если вы не сосредоточены на родительском элементе. Обычно я просто начинаю с элемента, с которым у меня возникают проблемы, и проходим через каждого из его родителей. Надеюсь, мой ответ помог. (вы должны нажать на стрелку вверх, если это так;) – jphase
Где находится HTML? Скрипки? CSS? Является ли это специфическим для Bootstrap ?? – Sethen