1

所以这是我的问题：我有 2 个 div，并使用 javascript 制作了一个带有 2 个选项卡的简单选项卡菜单。当我的鼠标在 tab1 上时，div1 的不透明度为 1，div2 的不透明度为 0，而当鼠标在 tab2 上时，则相反。

现在，即使 div 的不透明度为 0，改变光标的链接或其他元素仍然与鼠标交互。我希望他们完全禁用，就像不存在一样。我使用了 disables="disabled" 但仍然没有工作。

我该怎么做才能完全禁用 div？（仅在 javascript 中，不在 jquery 中）。我应该使用 z-index 吗？

我已阅读其他主题，但仍未找到解决方案。

先感谢您。

4

2 回答 2

4

使用elem.style.visibility = "hidden"而不是opacity.

您可以elem.style.display = "none"改用，但这会影响页面流，这可能不是您想要的。

于 2012-12-02T18:44:53.580 回答
0

您会发现许多内联选项卡的示例，标准方法是使用 display none 或 position absolute：

{display:"none";}

或者：

{position:absolute;top:-9999px;}

回到原来的状态：

{display:"";}

正如@user1689607 所说，这会影响布局，但实际上这通常是您想要的选项卡（您不想在页面上留下空白区域）。

于 2012-12-02T19:10:46.047 回答