javascript - 视差/背景附件 :fixed not working in some browsers

Question

你们能帮助我编写代码吗？我的视差效果在除移动版 Google Chrome 应用程序之外的任何浏览器上都可以正常工作。

    #collage_container{
        height:100%;
        background: url('http://via.placeholder.com/500x250');
        background-size:cover;
        background-position:center;
        background-attachment:fixed;
        background-repeat:no-repeat
        }

<div id="collage_container">
    <div class="logo"><img src="images/mypinoy_logo.png"></div>
    <div class="tagline"><img src="images/tagline.png" ></div>
 </div>

Answer 1

避免使用background-attachment，这可能是一个原因。请参阅此链接来制作视差，这可能会帮助您，甚至在 chrome android 中提供支持。你必须使用js...引用这个网站:http://javascriptkit.com/dhtmltutors/parallaxscrolling/index.shtml