CSS position:fixed在我的网站中根本不工作,但在其他站点工作

问题描述:

当我使用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

现在我找到了解决方案&。

这是因为我打电话给一些其他的css文件。当我删除其中一个css它完美的作品。

我不知道为什么,但它的工作原理..

您必须设置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

它可能是父母元素凌驾于你的陈述之上。尝试添加

<div style='position: fixed !important;'> 

<div style="position: fixed; width:100px; height: 100px;"></div> 

不要把DIV到相关容器。

+0

谢谢,现在的div是固定的,但它不会粘在窗口上时滚动,因为它在Firefox中。 – Lois 2015-02-11 07:56:39