jQuery .css top在Firefox中不起作用

Question

我使用jQuery动态更改css：

$( "#topHeadVal" ).css('top','7px');

它的工作正常。但它在firefox中无效。

我可以在inspect元素中看到添加到“#topHeadVal”元素的样式。但是前7px是不可见的。

在firefox中，

蓝色轮廓元素是“＃topHeadVal”

在chrome中，

我该如何解决这个问题？

请帮忙， 感谢。

Answer 1

您需要在元素中使用position，例如

<强> CSS

#topHeadVal{
   position:absolute; // it can be relative,fixed,etc.
}

请参阅working demo

或者尝试一下，

$( "#topHeadVal" ).css({'position':'absolute','top':'7px'});

Answer 2

根据你的指示，我会使用：

$( "#topHeadVal" ).css('padding-top','7px');

代替。

同时确保标识topHeadVal是唯一的，否则请使用类。