Div opacity = 0但仍与鼠标交互

时间:2012-12-02 18:42:23

标签: javascript html opacity

所以这是我的问题:我有2个div,并使用javascript我做了一个带有2个标签的简单标签菜单。当我的鼠标位于tab1上方时,div1的不透明度为1,div2的不透明度为0,当鼠标位于tab2上时则相反。

现在,即使div的不透明度为0,更改光标的链接或其他元素仍然与鼠标交互。我希望他们完全禁用,就像不存在一样。我使用disables =“disabled”但仍然无效。

如何完全禁用div? (仅限javascript,而不是jquery)。 我应该使用z-index吗?

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

提前谢谢。

2 个答案:

答案 0 :(得分:4)

使用elem.style.visibility = "hidden"代替opacity


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

答案 1 :(得分:0)

你会发现许多内联标签的例子,标准方法是使用display none或position absolute:

{display:"none";}

或:

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

回到原始状态:

{display:"";}

正如@ user1689607所说,这会影响布局,但实际上这通常是你想要的标签(你不想在页面上留下空白区域)。