使用Mootools防止与随机绝对定位重叠

时间:2011-02-17 01:43:26

标签: javascript css mootools positioning absolute

我在数据库中有超过50条简单的文本消息,我将它们(使用PHP)提取出来并使用绝对定位将它们随机放置在页面上。不幸的是,其中一些消息相互重叠,我希望阻止它们。

我可以使用MooTools查找每个元素的位置及其尺寸,以便放置在页面上的新元素不会与之前的任何元素重叠吗?

将MooTools 1.3与所有核心功能结合使用。

2 个答案:

答案 0 :(得分:0)

查看Element.getCoordinates()以获取元素的坐标和尺寸。

在你的标记中,你可以在每个消息元素上有一个类message用于选择,而一个类hidden在所有消息上设置CSS visibility: hidden

domready上,您将进行一些简单的边界检测以检测重叠的消息,一旦避免重叠,您可以删除hidden类以在页面上绘制消息。

答案 1 :(得分:0)

我无法评论这个问题,可能是因为我把它称为“客人”,现在我已经注册了。

我的HTML / CSS非常简单。 http://jsfiddle.net/bDDLt/

PHP对位置和样式进行计算,并将这些变量放入元素样式中。 jsfiddle中的值是示例(因为它不接受PHP)