当鼠标移动时,如何让div在没有闪烁的情况下消失?

aph*_*aph 9 css visibility hover hide opacity

我已经看到了display:none关于:hovercss的答案.但是当鼠标移动时,这会使div闪烁.

编辑:添加了jsfiddle

gbl*_*zex 13

display:none将元素从渲染树中取出,因此它:hover立即失去状态,然后重新出现并:hover再次出现,消失,重新出现等等......

什么,你需要的是:

#elem { opacity:0; filter:alpha(opacity=0); }
Run Code Online (Sandbox Code Playgroud)

它会将地方留空,因此不会出现闪烁.(演示 你的更新)

  • 所有三个例子(可见性,显示,不透明度):http://jsfiddle.net/userdude/VvsG2/4/ (5认同)