2015-02-11 18 views
-2

當我使用CSS position:fixed時,它在我的一個站點中絕不會工作,但在其他站點中工作。CSS position:fixed在我的網站中根本不工作,但在其他站點工作

我找不到任何理由。它適用於所有瀏覽器中的所有開發網站。

但是,position:fixed從來沒有工作在一個站點只有我把它放在除了Firefox。

實施例:

<div style="position:fixed"> 
This div is fixed 
</div> 

這個div從未固定其位置。

現在div是固定的,但它不像Firefox那樣粘到窗口上。

+0

是不是在任何相對容器?或者iframe? – 2015-02-11 07:15:05

+0

使用'position:fixed;左:0; top:0; '也試試'z-index' – Sathish 2015-02-11 07:21:04

+0

謝謝@SathishS。NOw div是固定的,但它不會粘在窗口上,因爲它像在Firefox中一樣滾動。 – Lois 2015-02-11 07:56:01

回答

0

現在我找到了解決方案&。

這是因爲我打電話給一些其他的css文件。當我刪除其中一個css它完美的作品。

我不知道爲什麼,但它的工作原理..

0

您必須設置left/righttop/left的位置。

<div style="position: fixed; left: 0; top: 10px;"> 
+0

謝謝,現在的div是固定的,但它不會粘在窗口上時滾動,因爲它在Firefox中。 – Lois 2015-02-11 07:56:54

+0

@SurajLois:不知道我是否明白你想要什麼。任何截圖應該做什麼以及它現在正在做什麼? – panther 2015-02-11 07:58:10

+0

謝謝..在這個小提琴http://jsfiddle.net/6nb5ubak/1/與紅色邊框的div粘到窗口..如果我把相同的代碼在我的項目它在Firefox中工作,但在鉻與紅色的div邊框與窗口滾動(不粘)。 – Lois 2015-02-11 08:15:00

0

它可能是父母元素凌駕於你的陳述之上。嘗試添加

<div style='position: fixed !important;'> 
1
<div style="position: fixed; width:100px; height: 100px;"></div> 

不要把DIV到相關容器。

+0

謝謝,現在的div是固定的,但它不會粘在窗口上時滾動,因爲它在Firefox中。 – Lois 2015-02-11 07:56:39

相關問題