的jQuery的.css頂在Firefox

-3

我使用jQuery動態改變CSS不工作：的jQuery的.css頂在Firefox

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

它工作在鉻的罰款。但它不在Firefox中工作。

我可以看到添加到檢查元素中的「#topHeadVal」元素的樣式。但頂部7px是不可見的。

在Firefox，

enter image description here

藍概述元件是「#topHeadVal」

enter image description here

在鉻，

enter image description here

ħ我能解決這個問題嗎？

請幫忙，謝謝。

來源

2014-09-11 Erma Isabel

你可以做一個jsfiddle來演示這個問題嗎？ – Barmar 2014-09-11 04:58:20

爲我工作見小提琴http://jsfiddle.net/rohankumar1524/sLkg8oLz/ – 2014-09-11 05:03:24

你還能告訴我們關於'＃topHeadVal'的更多信息嗎？它如何[定位]（https://developer.mozilla.org/en-US/docs/Web/CSS/position）？絕對？相對？靜態的？固定？那祖先怎麼樣？另外檢查：http://www.barelyfitz.com/screencast/html-training/css/positioning/ – 2014-09-11 05:03:49

你需要在你的元素喜歡用position，

CSS

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

見working demo

或者試試像，

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

來源

2014-09-11 05:05:28

呃，下來選民照顧評論？ – 2014-09-11 05:07:54

誰降低了這個？對於這樣一些給定的信息，這是一個合理的答案。我會喜歡這個 – Roi 2014-09-11 05:08:17

我渴望知道downvote的原因。 – 2014-09-11 05:18:41

從你有什麼表示我w應使用：

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

改爲。

還要確保編號topHeadVal是唯一的，否則使用一個類。

來源

2014-09-11 05:25:13

的jQuery的.css頂在Firefox

回答

相關問題