firefox中的CSS行高转换问题(一个错误?)

时间:2014-05-23 06:51:47

标签: html css css3 firefox transition

我尝试制作一个在滚动页面时变得粘稠的标题。标题同时具有heightline-height动画效果,可以正常使用Google Chrome,但不能使用Firefox 29.

问题是行高转换+ position:fixed;。我在滚动时向标题添加.sticky类,其中包含CSS position: fixed;

案例1 http://jsfiddle.net/69uEx/3/(这在chrome中工作正常。如果你在firefox中打开它并使用firebug手动更改H1标签的line-height属性,你会看到转换工作)。

案例2 http://jsfiddle.net/4S6Kv/1/(在这个小提琴中,我将.sticky元素的位置更改为position:static;,现在转换在firefox中有效。)

似乎主要罪魁祸首是position:fixed;

知道怎么解决吗?行高转换现在在FF中工作。

由于

0 个答案:

没有答案