首页 > 解决方案 > chrome 3d 转换渲染问题?

问题描述

我目前正在使用 HTML/CSS(LESS)/jQuery 构建一个 3D 轮播(遵循本指南

这里也是一个活生生的例子:demo

GIF Opera 初始状态:https
://i.gyazo.com/c3482f070ecfa7abe119bc8e643394e3.gif GIF Chrome 初始状态:https ://i.gyazo.com/e0877b6d03336fa5edf533dd50305890.gif

Chrome 不会渲染起始元素之前和之后的元素(在初始页面加载时)。按下 Next 或 Prev 按钮后,元素突然出现。
更改变换:rotateY()(在元素类上:“carousel-item”)只是来回一点点,元素突然呈现。更改 chrome 浏览器的窗口大小后,现在出现的元素会立即消失。

我无法在 Opera 中复制这个问题,它也是一个基于 Webkit 的浏览器。
我正在运行 Chrome 版本:62.0.3202.75 官方版本 32 位

编辑:我刚刚意识到版本 62 已经很老了,所以我更新到 V67,问题似乎现在已经解决了。有谁知道他们在什么时候修复了这个问题,或者是否有针对旧版本的修复?

标签: javascriptjqueryhtmlcssgoogle-chrome

解决方案


推荐阅读