背景イメージと背景の添付

同じページのさまざまな要素に背景を追加する際に問題があり、何らかのヘルプを使用できます。私は複数のセクションと背景（http://ofarevolution.com/のような）を使って "background-attachment"を使って1ページのサイトを作ろうとしていますが、複数の背景を表示することはできません。私は狂って行くよ、助けてください。ここで背景イメージと背景の添付

は私の設定です：http://codepen.io/marks828/pen/YWLKmw

<body> 
<div class="wrapper"> 
    <div class="stage"> 
     <p> 
      "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas 
     </p> 
    </div> 
</div> 


<div class="fraknie"> 
    <div> 
     <p> 
      "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas 
     </p> 
    </div> 
</div> 



.stage{ 
background-image: url("../img/portfolio/stage.jpg"); 
background-attachment: fixed; 
background-size: cover; 
background-repeat: no-repeat; 

} 

.frankie { 

background-image: url("../img/portfolio/frankie.jpg"); 
}

出典

2016-07-22 Anonymous

私は橋から飛び降りる行くつもりですfraknie（HTML）VSクラス名フランキー（CSS） – Luca

は、コード<div class="fraknie">は "fraknie" ことになっていますか？

出典

2016-07-22 20:42:36 user3163495

にタイプミスがあり、クラス名を入力しています今。助けてくれてありがとう！ –

probleは

<body> 
    <div class="wrapper"> 
     <div class="stage"> 
      <p> 
       "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." 
      </p> 
     </div> 
    </div> 


    <div class="frankie"> 
     <div> 
     <p> 
      "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." 
     </p> 
     </div> 
    </div> 

</body>

Here the corrected code working

出典

2016-07-22 20:46:13 Luca

明白なものを紛失するよりも、私には何の不満も感じません。ありがとう！ –

@マーク - 甘い最悪の問題が見つかりました、あなたは誤植を見ずに数時間のコードに見ることができます;） – Luca

背景イメージと背景の添付

答えて

関連する問題