CSS position:fixed在我的网站中根本不工作,但在其他站点工作
问题描述:
当我使用CSS position:fixed
时,它在我的一个站点中绝不会工作,但在其他站点中工作。CSS position:fixed在我的网站中根本不工作,但在其他站点工作
我找不到任何理由。它适用于所有浏览器中的所有开发网站。
但是,position:fixed
从来没有工作在一个站点只有我把它放在除了Firefox。
实施例:
<div style="position:fixed">
This div is fixed
</div>
这个div从未固定其位置。
现在div是固定的,但它不像Firefox那样粘到窗口上。
答
现在我找到了解决方案&。
这是因为我打电话给一些其他的css文件。当我删除其中一个css它完美的作品。
我不知道为什么,但它的工作原理..
答
您必须设置left/right
和top/left
的位置。
<div style="position: fixed; left: 0; top: 10px;">
答
它可能是父母元素凌驾于你的陈述之上。尝试添加
<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
是不是在任何相对容器?或者iframe? – 2015-02-11 07:15:05
使用'position:fixed;左:0; top:0; '也试试'z-index' – Sathish 2015-02-11 07:21:04
谢谢@SathishS。NOw div是固定的,但它不会粘在窗口上,因为它像在Firefox中一样滚动。 – Lois 2015-02-11 07:56:01