javascript - 当一个按钮被停用时，它显示在固定元素的顶部

Question

我的页面中有一个固定的标题和许多按钮。如果按钮被禁用，

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

当我向下滚动页面时，它们不会像其他所有内容一样被固定标题隐藏，而是在其上方出现鬼影。任何人都知道这是如何发生的以及如何解决它？

Answer 1

可能是一些奇怪的继承 CSS 在禁用按钮上设置 z-index。您可能可以使用一些添加的 jQuery 轻松修复它：

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

（您可以使用 .attr 但 jQuery 正在向 .prop 设置属性）。

解决此问题的更好方法是找到设置 z-index 的原始样式。如果您检查元素并展开“计算样式”（如果您的开发人员工具中有该元素），您可能会找到它。

希望这可以帮助。