在CSS3不透明度转换期间是否有字体调暗的解决方法?

时间:2011-08-31 10:27:04

标签: firefox css3 transitions css-transitions

我有一个HTML元素,其中不透明度在悬停时发生变化(使用CSS3过渡)。问题是在Firefox中(至少在Windows上),元素(a< div>)中的文本(< p>)在不透明度变化期间明显变暗,然后“弹回”到它应该的方式过渡结束后的几分之一秒。像这样(视频):

http://screencast.com/t/zzWc9EF8wq4c

Chrome中不会出现此问题。

任何可能导致此问题的想法?任何解决方法?

1 个答案:

答案 0 :(得分:3)

尝试在元素上使用RGBA颜色并过渡而不是过渡元素不透明度(因为这会向下级联到DOM树中的所有下层元素)。多数民众赞成我如何在我的项目中做到这一点:)