回答
display:none
将采取元素进行渲染树的,所以它会立即失去:hover
状态,然后又重新出现,并再次得到:hover
,消失,再次出现,等等
什么你需要是:
#elem { opacity:0; filter:alpha(opacity=0); }
它会离开这个地方空的,所以没有闪烁会出现。 (Demo或yours updated)
所有三个示例(可见性,显示,不透明度):http://jsfiddle.net/userdude/VvsG2/4/ – 2011-04-30 21:27:57
如果你有这样的事情:
div:hover
{
display:none;
}
那么有没有办法让你避免闪烁。 On:悬停元素变得不可见,因此它不再被徘徊,并且它再次出现。 只要它出现它得到:再次悬停和...
上:悬停的元素变得不可见,因此它不再徘徊,它再次出现。 只要它出现它得到:再次悬停和...
上:悬停的元素变得不可见,因此它不再徘徊,它再次出现。 只要它出现它得到:再次悬停和...
上:悬停的元素变得不可见,因此它不再徘徊,它再次出现。 只要它出现它得到:再次悬停和...
上:悬停的元素变得不可见,因此它不再徘徊,它再次出现。 只要它出现它得到:再次悬停和...
... 它闪烁的短。 一个更好的选择是使用不透明,这样的事情:
div:hover
{
opacity:0;
}
可选的,但只能在(不包括IE)的最新浏览器。 编辑:这是一个使用jQuery和CSS3的示例@jsfiddle。
<html>
<head>
<title>CSS3 hover</title>
<style type="text/css">
#hover{
width:100px;
height:100px;
background-color:#000000;
-webkit-transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-o-transition:opacity 0.2s ease;
}
#hover:hover{
// Red(0-255), Blue(0-255), Green(0-255), Alpha (0-1)
background-color:rgba(100,100,100,0);
opacity:0;
}
</style>
</head>
<body>
<div id="hover"></div>
</body>
</html>
使用javascript在对象悬停时设置类(例如不可见)。然后使用CSS来显示:当对象具有不可见的类时,无。由于它不再存在,您将不得不检查鼠标坐标(或使用另一个元素鼠标悬停事件)来移除该类并重置不可见类。
- 1. 自定义TabBar按钮在鼠标悬停/鼠标悬停时闪烁
- 2. jQuery的鼠标悬停/鼠标移出闪烁
- 3. 在鼠标悬停上闪烁文字
- 4. 避免在鼠标悬停闪烁
- 5. 当鼠标悬停在它上面时,div会闪烁
- 6. CSS鼠标悬停在鼠标悬停消失
- 7. 使用鼠标和鼠标时闪烁
- 8. 在鼠标悬停时在Chrome中闪烁的问题div
- 9. 将鼠标滚过时悬停div会闪烁
- 10. 在鼠标悬停/鼠标移动时显示X轴值
- 11. 鼠标悬停元素闪烁
- 12. 与mousemove鼠标悬停闪烁
- 13. 背景图像闪烁鼠标悬停
- 14. 如何让鼠标点击时按钮闪烁/闪烁?
- 15. 在鼠标悬停时启动setInterval并在鼠标悬停时停止
- 16. 在鼠标悬停闪烁时显示/隐藏按钮
- 17. 鼠标在Internet Explorer中悬停时闪烁Div
- 18. 在鼠标悬停时停止动画
- 19. 鼠标移动时悬停延迟
- 20. 将鼠标悬停在鼠标上而不是显示鼠标移出
- 21. 鼠标空闲时鼠标悬停
- 22. CSS转换在鼠标移动时失去悬停状态
- 23. 鼠标悬停时背景图像闪烁 - IE
- 24. 避免鼠标悬停时出现html表格闪烁
- 25. Flex 4,鼠标悬停时按钮闪烁
- 26. 如何显示在鼠标悬停时
- 27. 重置jQuery的鼠标移动时,鼠标不再悬停在格
- 28. 如何让JSplitPane在鼠标悬停时自动展开?
- 29. jQuery的鼠标悬停/鼠标移开
- 30. 如何在鼠标悬停时避免div“移动”?
请发布确切的HTML和CSS给你这个问题,最好把它放在http://jsfiddle.net/ – 2011-04-30 21:10:53
你用jQuery好吗? – 2011-04-30 21:10:56
下面是一个例子:http:// jsfiddle。net/userdude/VvsG2/ – 2011-04-30 21:14:00