繁体 English 中英

Chrome + Safari不透明度转换错误会创建st

[英]Chrome + Safari opacity transition bug creates st

原文 2014-03-25 23:34:03 7 1 html/ css/ google-chrome/ safari/ webkit

我有一个关于Chrome和Safari中不透明度转换的错误。 当我将鼠标悬停在父div上，触发子div上从0到1的不透明度转换时，子div下面的内容会抖动一段时间。

我尝试过使用-webkit-font-smoothing: antialiased; 在body ，但效果仍然发生。 有什么想法吗？ 您可以在此处查看问题（使用Chrome或Safari，将鼠标悬停在顶部菜单中的“帐户”链接上，您会看到闪烁）。

1 个解决方案

添加-webkit-backface-visibility: hidden; 对于元素，或者如果你想设置一个全面的语句，可以使用* 。

一些链接更详细地描述了这个问题：

防止webkit转换的webkit转换闪烁

如何在使用Webkit转换和转换时修复闪烁

CSS 过渡：不透明度和可见性过渡不适用于 Firefox（适用于 Chrome / Safari）

[英]CSS Transition: opacity and visibility transition not working on Firefox (works on Chrome / Safari)

悬停时Chrome转换错误

[英]Chrome transition bug on hover

CSS 不透明度过渡不适用于 Safari

[英]CSS opacity transition won't work for Safari

CSS 过渡在 Safari 中有效，但在 Chrome 中无效

[英]CSS transition working in Safari but not Chrome

Chrome不透明过渡z-index问题

[英]Chrome opacity transition z-index issue

React应用程序不透明度转换在Chrome中不起作用

[英]React app opacity transition not working in Chrome

在img上使用奇怪的闪烁闪烁：悬停（过渡不透明度）

[英]Weird flickering in chrome on img:hover (transition opacity)

CSS 错误在 Safari 但不是 Chrome/Firefox

[英]CSS bug in Safari but not Chrome/Firefox

Chrome最新版本中的不透明错误-CSS转换

[英]Opacity Bug in Latest Version of Chrome - CSS Transforms

Safari 13 中的 hover 过渡失去颜色，这是一个错误吗？

[英]Lost color on hover transition in Safari 13, is this a bug?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 CSS 过渡：不透明度和可见性过渡不适用于 Firefox（适用于 Chrome / Safari）悬停时Chrome转换错误 CSS 不透明度过渡不适用于 Safari CSS 过渡在 Safari 中有效，但在 Chrome 中无效 Chrome不透明过渡z-index问题 React应用程序不透明度转换在Chrome中不起作用在img上使用奇怪的闪烁闪烁：悬停（过渡不透明度） CSS 错误在 Safari 但不是 Chrome/Firefox Chrome最新版本中的不透明错误-CSS转换 Safari 13 中的 hover 过渡失去颜色，这是一个错误吗？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM