我刚刚用这个 CSS3 悬停效果为我的一张图片设置了样式: http://tympanus.net/Tutorials/OriginalHoverEffects/index2.html
问题是在 Chrome 中,页面上的其他一些元素似乎会受到这种悬停效果的影响。 例如,当我悬停图像时,我的顶部菜单项链接向右移动 5px,然后在悬停效果结束时再次移动。一些 block 引用元素也会受到这种影响。就好像这些其他元素中的一些被 CSS3 过渡效果以某种奇怪的方式赋予了“填充”值。
我在 IE 和 Firefox 中没有看到这些问题,所以这个问题似乎只在 Chrome 中出现。
你们有没有遇到过类似的事情?
最佳答案
我只需要申请:-webkit-backface-visibility: hidden;所有受影响的元素,一切都在 Chrome 中运行良好。
关于CSS3 悬停效果对 Chrome 中的其他元素产生奇怪的影响,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17242922/