使用Mootools防止與隨機絕對定位重疊

我有超過50個簡單的文本消息在數據庫中，我提取它們（使用PHP），並將它們隨機放置在使用絕對定位的頁面上。不幸的是，其中一些消息相互重疊，我希望避免。使用Mootools防止與隨機絕對定位重疊

我可以使用MooTools來查找每個元素的位置及其尺寸，以便放置在頁面上的新元素不會與任何之前的元素重疊？

使用具有所有核心功能的MooTools 1.3。

2011-02-17 Jazza

查看Element.getCoordinates()以獲取元素的座標和尺寸。

在您的標記中，您可以爲每個消息元素選擇一個類別，即message以用於選擇，而hidden類別將在所有消息上設置CSS visibility: hidden。

在domready你會那麼做一些簡單的邊界檢測來檢測重疊的郵件，一旦你避免重疊，您可以刪除hidden類在頁面上畫的消息。

2011-02-17 03:51:22 nedk

我將如何去邊界檢測，然後避免重疊？我喜歡你在改變位置後使消息可見的想法，以防止重疊。 – Jazza 2011-02-17 04:56:36

我無法對此問題發表評論，可能是因爲我問了他作爲「訪客」，現在我註冊了。

我的HTML/CSS非常簡單。 http://jsfiddle.net/bDDLt/

PHP執行位置和樣式的計算並將這些變量放入元素樣式中。在jsfiddle中的值是示例（因爲它不接受PHP）

2011-02-18 07:30:28 Jared

回答