
谷歌浏览器更新后导致backface-visibility:hidden失效的解决方法
近期谷歌浏览器更新后,部分用户发现backface-visibility: hidden;样式失效,导致元素翻转功能异常。本文提供解决方案。
问题原因及解决方法:
此问题源于谷歌浏览器新版渲染引擎的变更。解决方法是将backface-visibility属性值设置为inherit,代码如下:
.element {
-webkit-backface-visibility: inherit;
}
通过继承父元素的backface-visibility属性值,即可恢复元素的正常翻转效果。











