javascript - ボタンが非アクティブになると、固定要素の上に表示されます

Question

ページに固定ヘッダーと多くのボタンがあります。ボタンが無効になっている場合は、

$(".myButtons").attr('disabled', 'disabled');

ページを下にスクロールすると、他のすべてのように固定ヘッダーによって隠されるのではなく、その上にゴーストが表示されます。これがどのように発生し、どのように修正するか、誰にも分かりますか?

Answer 1

おそらく、無効化されたボタンに z-index を設定する奇妙な継承された CSS です。jQuery をいくつか追加して、簡単に修正できる場合があります。

$('.myButtons').prop('disabled', 'disabled').css('z-index', 0);

(.attr を使用できますが、jQuery は属性を設定するために .prop に移行しています)。

この問題を解決するより良い方法は、z-index を設定する元のスタイルを見つけることです。開発者ツールにある場合は、要素を調べて「Computed Styles」を展開すると、おそらく見つけることができます。

お役に立てれば。