所以这是我的问题：我有 2 个 div，并使用 javascript 制作了一个带有 2 个选项卡的简单选项卡菜单。当我的鼠标在 tab1 上时，div1 的不透明度为 1，div2 的不透明度为 0，而当鼠标在 tab2 上时，则相反。
现在，即使 div 的不透明度为 0，改变光标的链接或其他元素仍然与鼠标交互。我希望他们完全禁用，就像不存在一样。我使用了 disables="disabled" 但仍然没有工作。
我该怎么做才能完全禁用 div？（仅在 javascript 中，不在 jquery 中）。我应该使用 z-index 吗？
我已阅读其他主题，但仍未找到解决方案。
先感谢您。
使用elem.style.visibility = "hidden"而不是opacity.
您可以elem.style.display = "none"改用，但这会影响页面流，这可能不是您想要的。
您会发现许多内联选项卡的示例，标准方法是使用 display none 或 position absolute：
{display:"none";}
或者：
{position:absolute;top:-9999px;}
回到原来的状态：
{display:"";}
正如@user1689607 所说，这会影响布局，但实际上这通常是您想要的选项卡（您不想在页面上留下空白区域）。