多次放置 DIV 且位置随机

发布于 2024-11-25 08:18:31 字数 224 浏览 2 评论 0原文

我需要在随机位置(作为背景)放置一个 div(实际上是云的小图像)。因此,背景应该在页面的各处放置多个小云作为“逼真的天空背景”。

后来我会尝试在这些 div 上应用 视差滚动插件

谢谢!

I need to place a div (actually a small image of a cloud) at random positions (as a background). The background should hence have multiple small clouds placed everywhere on the page as a "realistic sky background".

Later on I would try to apply a parallax scroll plugin on those divs .

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

尬尬 2024-12-02 08:18:31

您可以将绝对位置 div 与背景图像一起使用。只需将它们的 z-index 更改为负值或 0,您就必须对其进行测试。如果它不起作用,请尝试更改内容 z-index,但要更改为更高的值。

绝对位置将使您有机会对顶部和左侧的 css 值进行动画处理。

您可以使用 jquery 动画。

随机线可以假设为

Math.floor(Math.random()*(maxNumber+1));

You can use absolute position divs with background image. Just have to change their z-index to negative value or 0 you must test it. And if it does not work try changing the content z-index too, but to higher value.

The absolute position will give you the chance for animating top and left css values.

You can use jquery animations.

Random cords can be asumed by

Math.floor(Math.random()*(maxNumber+1));
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文