论坛 › Web开发 › web 视差滚动

咦一哈呦呦 发表于 2022-5-8 12:31:18

web 视差滚动

怎样将文字放在这图片上做成视差滚动啊。这是我的代码   shell我已经放在最外面了

ba21 发表于 2022-5-8 20:47:47

代码传上来。

咦一哈呦呦 发表于 2022-5-9 14:10:48

本帖最后由 咦一哈呦呦 于 2022-5-9 19:49 编辑

{:5_109:}

咦一哈呦呦 发表于 2022-5-9 14:12:11

本帖最后由 咦一哈呦呦 于 2022-5-9 19:49 编辑

{:5_109:}

咦一哈呦呦 发表于 2022-5-9 14:13:45

本帖最后由 咦一哈呦呦 于 2022-5-9 19:49 编辑

ba21 发表于 2022-5-8 20:47
代码传上来。
{:5_95:}

ba21 发表于 2022-5-9 19:30:38

咦一哈呦呦 发表于 2022-5-9 14:13
哥光这两个够吗，在首页模块制作那里。最近刚在学有好多地方不懂啊

参考这里去弄吧。
https://blog.csdn.net/DeepLies/article/details/76648854

咦一哈呦呦 发表于 2022-5-9 19:47:39

本帖最后由 咦一哈呦呦 于 2022-5-9 19:50 编辑

ba21 发表于 2022-5-9 19:30
参考这里去弄吧。
https://blog.csdn.net/DeepLies/article/details/76648854

哥我做出来了就是不知道在这里面的字的位置怎么调
.image{
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    height: 500px;
    width: 1428px;
    margin-left: 239px;
}

<div class="image" style="background-image: url('./images/图片蕾姆.jpeg');"><h1 class="wenzi">从零开始的异世界生活</h1></div>
我把这字放这里面了。但他就在左上角的位置。你看他能调吗

咦一哈呦呦 发表于 2022-5-9 20:03:30

ba21 发表于 2022-5-9 19:30
参考这里去弄吧。
https://blog.csdn.net/DeepLies/article/details/76648854

哥我做出来了谢谢

查看完整版本: web 视差滚动