所以这是我的问题:我有2个div,并使用javascript我做了一个带有2个标签的简单标签菜单。当我的鼠标位于tab1上方时,div1的不透明度为1,div2的不透明度为0,当鼠标位于tab2上时则相反。
现在,即使div的不透明度为0,更改光标的链接或其他元素仍然与鼠标交互。我希望他们完全禁用,就像不存在一样。我使用disables =“disabled”但仍然无效。
如何完全禁用div? (仅限javascript,而不是jquery)。 我应该使用z-index吗?
我已阅读其他主题但仍未找到解决方案。
提前谢谢。
答案 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所说,这会影响布局,但实际上这通常是你想要的标签(你不想在页面上留下空白区域)。