javascript - How to make div invisible to still able to click?

Question

How to make div invisible to still able to click? display hidden or hide() will make it disappear but I want user still able to click it, as i put it on top of another object

Answer 1

opacityに設定できます0。不透明度は、次を使用してアニメーション化できますanimate。

$('#mydiv').animate({opacity: 0});

Answer 2

<div/>にコンテンツが含まれていない場合は、次のことができます。

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

CSS2.1プロパティのbackground-colorを参照してください

Answer 3

opacity:0;またはを使用したいかもしれませんvisibility:hidden;：

.element {
  opacity:0;
}

また：

.element {
  visibility:hidden;
}

それがうまくいくことを願っています！幸運を！