2013-05-08 113 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