2013-05-08 83 views
0

我有一个固定的div在左侧,只有在Mac上,当你缩小窗口和向右滚动例如,固定div跟着它,但它应该保持原位(如果滚动则不显示)。固定div在Mac上滚动时滚动页面

在窗户上,这是正常的。

有什么建议吗?

CSS:

.header .quick-access { 
    background: url("../images/login_search_bg_big.jpg") no-repeat scroll left top transparent; 
    float: left; 
    font-family: Arial,Helvetica; 
    height: 200px; 
    padding: 0; 
    position: fixed; 
    text-align: left; 
    top: 165px; 
    width: 117px; 
} 
+0

你的代码在MAC中被正确解释,如果使用'position:fixed;',它应该跟随滚动。问题出在你的Windows操作系统的某个地方,我猜你的代码在某处写错了,但MAC修复它。 – aspirinemaga 2013-05-08 11:55:52

+0

是的,我正在做一些CSS修复网站,基本上一半的网站是ABS/REL定位。 – dzumla011 2013-05-08 12:06:11

回答

0

您与position:absolute混淆position:fixed。你应该阅读更多关于它由@Elad提到CSS Positioning

Fixed手段,它会停留在相同的位置,甚至当你滚动,让你的“问题”实际上不是一个问题,但它确实你什么编码在那里。所以它的父母将成为你的窗口。

Absolute表示它的父项是整个文档html,而不是窗口本身。所以你应该试试这个,如果你希望它被粘贴到你的html文档而不是窗口。不要忘记添加一个position:relative到它的父标签。

+0

但是,为什么它在Windows上滚动而不是在Mac上时保持原位? – dzumla011 2013-05-08 11:46:55

+0

您的代码可能存在另一个问题。要清楚,如果你不知道定位,你可能犯了另一个错误。如果你向我们展示你的代码,'css'和'html',我们可以更好地回答。 – aspirinemaga 2013-05-08 11:49:20

1

不同的浏览器解释标签不同的时候。 您可能只需将您的位置类型更改为绝对位置而不是固定位置。

这里阅读更多信息: Learning CSS positions

+0

但它不会总是在同一个地方,例如,如果你向下滚动。 – dzumla011 2013-05-08 11:37:01