谷歌浏览器更新后导致backface-visibility:hidden失效的解决方法

近期谷歌浏览器更新后，部分用户发现backface-visibility: hidden;样式失效，导致元素翻转功能异常。本文提供解决方案。

问题原因及解决方法：

小红书长文-谷歌浏览器

在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。

下载

此问题源于谷歌浏览器新版渲染引擎的变更。解决方法是将backface-visibility属性值设置为inherit，代码如下：

<code class="css">.element {
  -webkit-backface-visibility: inherit;
}</code>

通过继承父元素的backface-visibility属性值，即可恢复元素的正常翻转效果。