Hover + Flickering上的CSS + Opacity更改

r0s*_*kar 8 css hover opacity

我试图实现一个非常简单的事情:在悬停时更改表格行的不透明度.

不幸的是,它不能很好地工作,因为如果我快速地进出,有时不透明度的变化太慢而且看起来颜色是闪烁的.当我徘徊进出有点慢时,这种闪烁不会发生.

我做了一个例子让你知道我的意思:

http://jsfiddle.net/yfhTW/2/

这种行为是浏览器错误还是我的代码有问题?它可以以某种方式修复吗?我试图使用Jquery脚本而不是通过CSS进行不透明度更改,但结果是相同的:/

kiz*_*izu 22

哈,这个问题几乎和webkit有时一样.所以,我试图模仿webkit的修复程序(有一个-webkit-transform: translateZ(0)),但使用2D转换,它工作了!

因此,似乎只是添加-moz-transform: rotate(0);受闪烁影响的元素解决了问题:http://jsfiddle.net/kizu/yfhTW/4/


Bar*_*zyk 5

尝试添加border: 1px solid transparent;元素(而不是:hover伪类).它对我有用.