Javascript 如何使div不可见，以便仍能单击？

如何使div不可见，以便仍能单击？

---

display hidden或hide（）将使其消失，但我希望用户仍然能够单击它，因为我将它放在另一个对象的顶部

您可以将其

不透明度设置为
0
。不透明度可以通过以下方式设置动画：

也许你想使用
opacity:0或<代码>可见性：隐藏：

.element {
  opacity:0;
}

或：

希望它能起作用！祝你好运
 如果
不包含任何内容，您可以：

#mydiv {
  background-color: transparent;
  height: 50px;
  width: 50px;
}

查看CSS2.1属性
请与您尝试过的任何javascript一起共享您的HTML和CSS标记。无需发布重复的答案（您基本上是重复Asad的）。另外，
Visibly
（这里没有双L）不起作用，请参阅我对Asad答案的评论。删除了我的评论，因为它已经过时。这表明
可见性：隐藏的
元素是不可点击的：@bfavareto感谢提醒，修复了它。
.element {
  visibility:hidden;
}

#mydiv {
  background-color: transparent;
  height: 50px;
  width: 50px;
}