我有一个 HTML 元素，其不透明度在悬停时发生变化(使用 CSS3 过渡)。问题是，在 Firefox 中(至少在 Windows 上)，元素 (a
) 中的文本 (a
) 在不透明度更改期间明显变暗，然后“弹回到”它应该是分数的方式转换结束后一秒。像这样(视频):
http://screencast.com/t/zzWc9EF8wq4c
Chrome 中不会出现此问题。
有什么想法可能导致这种情况吗？有什么解决方法吗？
最佳答案
尝试在元素上使用 RGBA 颜色并进行过渡，而不是过渡元素的不透明度(因为这会级联到 DOM 树中的所有较低元素)。这就是我在我的元素中所做的:)
关于firefox - CSS3 不透明度转换期间字体变暗是否有解决方法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7255645/