Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Mootools防止与随机绝对定位重叠_Javascript_Css_Mootools_Positioning_Absolute - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 使用Mootools防止与随机绝对定位重叠

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

javascript css

Javascript 使用Mootools防止与随机绝对定位重叠,javascript,css,mootools,positioning,absolute,Javascript,Css,Mootools,Positioning,Absolute,我在数据库中有50多条简单的文本消息，我提取它们（使用PHP）并使用绝对定位将它们随机放置在页面上。不幸的是，这些信息中有一些相互重叠，这是我希望防止的 我是否可以使用MooTools查找每个元素的位置及其维度，以便放置在页面上的新元素不会与以前的元素重叠 将MooTools 1.3与所有核心功能一起使用。查看以获取元素的坐标和尺寸 在标记中，可以在每个消息元素上有一个类，即message，用于选择，还有一个类hidden，用于在所有消息上设置CSS可见性：hidden 在domready上，您

我在数据库中有50多条简单的文本消息，我提取它们（使用PHP）并使用绝对定位将它们随机放置在页面上。不幸的是，这些信息中有一些相互重叠，这是我希望防止的

我是否可以使用MooTools查找每个元素的位置及其维度，以便放置在页面上的新元素不会与以前的元素重叠

将MooTools 1.3与所有核心功能一起使用。

查看以获取元素的坐标和尺寸

在标记中，可以在每个消息元素上有一个类，即
message
，用于选择，还有一个类
hidden
，用于在所有消息上设置CSS
可见性：hidden

在
domready
上，您将执行一些简单的边界检测来检测重叠的消息，一旦避免了重叠，您就可以删除
隐藏的
类来在页面上绘制消息。
我无法对这个问题发表评论，可能是因为我作为“来宾”询问了它，现在我已经注册了

我的HTML/CSS非常简单


PHP计算位置和样式，并将这些变量放入元素样式中。JSFIDLE中的值是示例（因为它不接受PHP）
如何进行边界检测，然后避免重叠？我喜欢你的想法，在改变位置后使消息可见，以防止重叠。你能展示你到目前为止有什么HTML和CSS吗？使用jsfiddle.net以便我们可以调整代码。