当滚动页面时,固定div在Mac上移动

时间:2013-05-08 11:23:43

标签: css

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

在Windows上这是正常的。

有什么建议吗?

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;
}

2 个答案:

答案 0 :(得分:1)

不同的浏览器有时会不同地解释标签。 您可能只想将您的职位类型更改为绝对而非固定。

请在此处阅读以获取更多信息: Learning CSS positions

答案 1 :(得分:0)

您将position:fixedposition:absolute混淆。您应该阅读@Elad CSS Positioning

提到的更多信息

Fixed意味着即使滚动也会保持在同一位置,因此您的“问题”实际上并不是问题,它会根据您编码的内容进行操作。所以它的父母将成为你的窗口。

Absolute表示它的父文件是整个文档html,而不是Windows本身。因此,如果您希望将其粘贴到您的html文档而不是窗口,那么您应该尝试这个。不要忘记在其父标记中添加position:relative