【发布时间】：2018-02-20 17:23:06
【问题描述】：
我刚刚用这种 CSS3 悬停效果为我的一张图片设置了样式： http://tympanus.net/Tutorials/OriginalHoverEffects/index2.html
问题在于，在 Chrome 中，页面上的一些其他元素似乎受到了这种悬停效果的影响。 例如，当我悬停图像时，我的顶部菜单项链接向右移动 5 像素，然后在悬停效果结束时再次向后移动。也有几个块引用元素受到这种影响。就好像这些其他元素中的一些被 CSS3 过渡效果以某种奇怪的方式赋予了“填充”值..
我在 IE 和 Firefox 中没有看到这些问题，所以这个问题似乎只出现在 Chrome 中。
你们之前有没有遇到过类似的事情？
【问题讨论】：
-
在 Chrome 上不会发生在我身上...
-
我也没有遇到过 :-/，您使用的是什么版本的 Chrome 和操作系统？
-
我在这篇文章中找到了解决方案：stackoverflow.com/questions/14070056/… 我只需要申请：-webkit-backface-visibility: hidden;到所有受影响的元素，并且在 Chrome 中一切正常。
-
问题不在 tympanus.net 网站上，而是在我自己的网站上，我用 tympanus.net 的 CSS3 悬停效果设置了特定图像的样式。您可以在我的测试站点上看到这一切：geniusdesign.dk/Demoer/Tailoredsuits - 悬停效果在“灵感”下方的图像上
标签： css google-chrome css-transitions