gpt4 book ai didi

html - Chrome CSS 图像转换会影响其他元素

转载 作者:行者123 更新时间:2023-11-28 13:24:30 26 4
gpt4 key购买 nike

我有一个菜单,其中的图像作为按钮的背景,悬停时会显示动画。
问题是,当我将鼠标悬停在图像上并且它变得动画(放大和旋转)时,页面上的其他元素无缘无故地增加了几个像素。

我创建了一个 JSfiddle,希望我可以重现我网站上存在的错误(页面上的其他图像被移动了)并且仍然给你一个不太长的代码。

结果:好吧...代替图像获得高音的是 JSfiddle result 无缘无故移动的文本,以及闪烁的 CSS 滚动条。

http://jsfiddle.net/AaXyV/1/

YouTube:DEMO VIDEO在秒 0:10

错误?修复?

试过:Chrome 24.0.1312.52 m,在其他浏览器(包括 Safari)中似乎工作正常。

最佳答案

我无法重新创建抖动的结果范围,但我确实看到了闪烁的滚动条。看起来它可能是一个已知的错误:

Issue 139928: CSS transition on the width of an element with display "inline-block" causes jitter

关于html - Chrome CSS 图像转换会影响其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14386512/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com