CSSのみで(ブートストラップ、jqueryなどではなく)複数の背景画像を上から順番に追加できますか?バックグラウンドであなたが部門に背景を設定する必要がありますより多くの画像のための[OK]をOutput.jpg is expected design of page with multiple images and scrolling property of page複数の背景画像をCSSで
答えて
:
CSS:
#image1 {
background: url(image1.jpg)
height: 100%;
}
#image2 {
background: url(image2.jpg)
height: 100%;
}
はHTML: `
<div id="image1"></div>
<div id="image2"></div>
おそらく、これは動作しますが、スクロールプロパティを必要とする場合は、jQueryが必要です。または、すべての部門の最後にボタンを追加し、hrefを次の部門に設定します。例:
<div id="image1">
<a class="next-page" href="#image2">next-page</a>
</div>
<div id="image2"></div>
これは
@NicolòLafasciano 上記のコードはCSSとHTMLがうまくいきました。マージンプロパティもここで助けました。ありがとう。 \t#image1 { \t \t background-image:url(admin.jpg); \t \t高さ:100%; \t \t background-repeat:no-repeat; \t} \t#image2 { \t \t margin-top:65%; \t \t背景画像:url(accountant.jpg); \t \t background-repeat:no-repeat; \t \t高さ:100%; \t \t幅:200% \t} – Gems
コーディングで楽しい – Lafa
- 1. CSS - 背景画像
- 2. CSS背景画像
- 3. CSS:背景色の背景画像
- 4. 複数の背景色、画像をCSSで
- 5. CSSの画像背景
- 6. CSS内の背景画像
- 7. フッタの背景画像CSS
- 8. CSSの背景画像
- 9. スクロールCSSの背景画像
- 10. ストレッチCSSの背景画像
- 11. GWT CSSの背景画像
- 12. CSSの背景画像&ドロップシャドー
- 13. リセットCSSの背景画像
- 14. オーバーライドCSSの背景画像
- 15. 高さを制限する複数の背景画像CSS
- 16. CSS背景RGBA&BG画像
- 17. WebpackインラインCSS背景画像
- 18. CSSフェードイン背景画像
- 19. Jquery CSS背景画像rotate
- 20. フェードイン/アウト背景画像CSS
- 21. 背景画像上にCSSオーバーレイ画像
- 22. CSS限定バックグラウンドリピート(複数の背景画像)
- 23. 複数の透明な背景画像
- 24. 背景画像カルーセルの背景画像
- 25. 背景画像上の背景画像
- 26. CSSで背景画像を追加
- 27. .jspでCSSの背景画像
- 28. jQueryプラグインのCSS背景画像をプレビュー
- 29. CSSの背景画像をスクロールする
- 30. CSS:背景の画像を整える
CSSとHTMLを動作するかどうかはい、教えてください。 – mrogers
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds –
@ジェムは、1つの背景イメージを別のレイヤーの上にレイヤーする方法を尋ねていますか、または順番に1つのイメージページの下をスクロールすると、その上にある別のイメージがその下にありますか? – mrogers