Javascript 当鼠标在图像上突然移动时,如何防止图像消失?

Javascript 当鼠标在图像上突然移动时,如何防止图像消失?,javascript,jquery,css,html,Javascript,Jquery,Css,Html,在代码中,图标是图像,当您将鼠标快速移动到某些图标上时,这些图标往往会消失。这主要是因为我包含了降低悬停图像亮度的过渡。但当鼠标在图像中快速移动时,它们会消失一秒钟,然后回来。如何删除此错误 标题{ 背景:#000; 颜色:#FFF; 文本对齐:居中; 填充:30px; 字体系列:“Lucida Sans Unicode”,“Lucida Grande”,无衬线; 字体大小:25px; } #iconwrap{float:left;} #图标{ -webkit转换:0s-webkit筛选器;

在代码中,图标是图像,当您将鼠标快速移动到某些图标上时,这些图标往往会消失。这主要是因为我包含了降低悬停图像亮度的过渡。但当鼠标在图像中快速移动时,它们会消失一秒钟,然后回来。如何删除此错误

标题{
背景:#000;
颜色:#FFF;
文本对齐:居中;
填充:30px;
字体系列:“Lucida Sans Unicode”,“Lucida Grande”,无衬线;
字体大小:25px;
}
#iconwrap{float:left;}
#图标{
-webkit转换:0s-webkit筛选器;
-webkit转换持续时间:.6s;
-webkit过渡计时功能:立方贝塞尔(0.175,0.885,0.320,1.275);
-moz转换:0s-webkit过滤器;
-moz转换持续时间:.6s;
-moz过渡计时功能:立方贝塞尔(0.175,0.885,0.320,1.275);
-o-转换:0s-webkit过滤器;
-o-过渡持续时间:.6s;
-o-转换-定时-函数:立方贝塞尔(0.175,0.885,0.320,1.275);
}
#图标:悬停{
-webkit过滤器:亮度(25%);
-莫兹滤波器:亮度(25%);
-o型过滤器:亮度(25%);}

项目伙伴

如图所示,立方贝塞尔函数在其四点参数中仅取0到1的值。当我将第四个点的值改为“1”而不是“1.275”时,淡出问题就解决了。希望它能回答你的问题

对我来说,所有的图像似乎都很好,没有一个消失了。@NewToJS在水平方向上快速移动鼠标……一个肯定会消失一秒钟然后回来。啊,是的,那需要一些鼠标移动!:p@NewToJS是的,这就是错误!不知道你在说什么,他们似乎都对我很好。在这种情况下,我想这需要一些时间调整。或者它可能是一个浏览器实现错误。