在谷歌浏览器,当页面有css3 animation 且有 fixed块的时候,fixed块在页面滚动的时候会出现fixed块闪动
这种bug算是页面交互渲染这类问题,试着触发浏览器的重绘。
webkit/blink内核渲染bug修复神器,webkit 的 haslayout: -webkit-transform:translateZ(0); 完美搞定。
本文介绍了一种解决谷歌浏览器中CSS3 Animation与fixed布局元素导致的闪烁问题的方法。通过使用-webkit-transform:translateZ(0)触发浏览器重绘,可以有效避免此渲染bug。
在谷歌浏览器,当页面有css3 animation 且有 fixed块的时候,fixed块在页面滚动的时候会出现fixed块闪动
这种bug算是页面交互渲染这类问题,试着触发浏览器的重绘。
webkit/blink内核渲染bug修复神器,webkit 的 haslayout: -webkit-transform:translateZ(0); 完美搞定。
873

被折叠的 条评论
为什么被折叠?