2013-04-04 147 views
0

我想讓我的Facebook像按鈕一樣停留在左上角,隨着用戶向下滾動,它跟隨着他們......我的代碼出了什麼問題?它顯示,但是當我向下滾動它不隨滾動移動。在最新版本的safari和firefox上進行本地測試。請幫忙!職位:固定不固定?

topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

<top> FACEBOOK "LIKE BUTTON" IFRAME CODE HERE </top> 

回答

2

你沒有正確選擇你喜歡的按鈕。您需要爲CSS選擇添加一個類屬性。

試着這麼做

<div class="facebook">FACEBOOK IFRAME</div> 

的通知 「.facebook」,而不僅僅是 「臉譜」。

.facebook { 
    position: fixed; 
    top: 0; 
    left: 0; 
} 
+0

謝謝,其實我想通後此作一個div的權利..我很新的編碼= X我有它目前... '} #topleft { 位置:固定; margin-top:5px; margin-left:160px; }' 但是當我使瀏覽器窗口水平變小時,它會滾動頁面的主要內容。我如何水平鎖定,但允許垂直「固定」的位置? – psychoticpanda 2013-04-04 06:05:47

+0

您可以通過將facebook iframe添加到頁面的主要內容來實現此目的。然後,您只需要修復頂部:0,併爲margin-left屬性指定facebook iframe寬度+主內容寬度的值。這裏有個簡單的例子:http://jsfiddle.net/3EyXE/2/ – middleinitial 2013-04-04 06:20:32

1

HTML中沒有top標記。

CSS類名選擇器之前應該有.(句點)。

topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

應該

.topleft{ 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

分配您創建的iframe的風格應該工作。

<iframe class="topleft" ...> 
    ... 
</iframe> 

JSFiddle

1

問題,這可能是

爲左上類

.topleft{ 
position: fixed; 
top: 0; 
left: 0; 
} 

爲左上ID

#topleft{ 
position: fixed; 
top: 0; 
left: 0; 
} 

否則它應該工作。