2012-03-26 32 views
1

ive在jquery和css中製作了一個小小的燈箱,像facebooks圖像彈出式插件,但是我有這個問題,我不能將它置於中心位置。 說實話,我不是很擅長css。居中一個燈箱 - 主要是

所以這裏是問題,它的更新頁面就像你從你的朋友和東西看到狀態更新的地方。 用戶向下滾動,然後單擊圖像。由於CSS中的某些屬性,燈箱不斷下降。我一直在嘗試約2天,無法弄清楚。 我喜歡在Facebook上如何在你的頁面上顯示正確的內容。 我也喜歡這樣做。

如果你不明白我的意思,這裏是一個小提琴在第二後的圖像 http://jsfiddle.net/Dwt7k/4/

嘗試點擊(如果你沒有看到的圖像,你可能會看到一個銀色的矩形排序上面的盒子橙色跛腳/酷米那一個)

而且看我怎麼了downer..Thats問題有

+0

你不能把一個爛攤子複雜的例子。 – Kyle 2012-03-26 09:27:26

+0

對不起,它只是即時通訊撥號,我不能糾正的事情,這將需要我幾個小時.. – 2012-03-26 09:40:44

+0

啊哈好了,那麼,我正在爲你的一個簡單的解決方案。 – Kyle 2012-03-26 10:09:37

回答

1

要居中您的收藏夾,你需要使用具有寬度的收藏夾包裝DIV 100%,並且完全置於文檔流程之外。把燈箱放在裏面,這樣你就可以將這個div放在包裝中。

同樣將HTML 標記爲<body>標記不會干擾其餘的代碼。

你可以看到它在這裏的影響:

http://jsfiddle.net/Kyle_Sevenoaks/6jFyk/1/

希望它能幫助:)

+0

你的意思是在關閉body標籤後通過jquery添加它? – 2012-03-26 11:33:53

+0

不,請按照我在小提琴示例中所做的那樣將其插入開始身體標記之後。如果任何元素位於主體標籤之外,則不知道可能發生什麼:D – Kyle 2012-03-26 11:37:36

+0

該中心匹配,讚賞但它仍然不處理滾動的事情。 對於第三張圖片,我需要向下滾動以單擊縮略圖,並且燈箱亮起,因此我需要回滾才能看到它。 這是什麼解決方案? – 2012-03-26 11:40:19