2017-08-25 10 views
1

モバイル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>

+0

はいクロムモバイルでは背景アタッチメントが動作しません。希望する場合はjsを使用する必要があります。 –

+0

ありがとう@Ashishsahそれのコードは何ですか? – MOJOJO

+0

小さな画面ではbackground-attachment:initialを使うことができますが、視差効果を無効にするだけです – RasmusGlenvig

答えて

0

理由ができbackground-attachmentを使用しないでください。このリンクを参照すると、これはあなたに役立つかもしれないし、クロムのアンドロイドでも支持的です。 http://javascriptkit.com/dhtmltutors/parallaxscrolling/index.shtml

+0

のような既存のプラグインをお試しいただきましてありがとうございます。 – MOJOJO

+0

ようこそ –

関連する問題