jQuery .css top 在 Firefox 中不起作用答案

【问题标题】：jQuery .css top not working in FirefoxjQuery .css top 在 Firefox 中不起作用
【发布时间】：2014-11-04 22:12:19
【问题描述】：

我正在使用 jQuery 动态更改 css：

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

它在 chrome 中运行良好。但是它在 Firefox 中不起作用。

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

在火狐中，

蓝色轮廓元素是“#topHeadVal”

在铬中，

我该如何解决这个问题？

请帮忙，谢谢。

【问题讨论】：

你能做一个 jsfiddle 来演示这个问题吗？
为我工作见小提琴jsfiddle.net/rohankumar1524/sLkg8oLz
您还能告诉我们关于#topHeadVal 的更多信息吗？ positioned怎么样？绝对？相对的？静止的？固定的？它的祖先呢？另请查看：barelyfitz.com/screencast/html-training/css/positioning
信息不足。需要当前代码来正确跟踪问题
top、left、right、bottom 只有在元素是相对位置、绝对位置或固定位置时才能使用。

【解决方案1】：

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

CSS

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

或者试试看，

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

【讨论】：

【解决方案2】：

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

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

改为。

还要确保 id topHeadVal 是唯一的，否则使用类。

【讨论】：