使用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

回答