問題タブ [background-attachment]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - background-attachment はその子に対してどのように機能しますか?
CSS3 で新しいガラス モーフィズム効果を生成する方法を探していました。残念ながら、私はそれを実現するこの記事を見つけました。最初の方法では、記事は次のようになります (私は同じ構造とプロパティでこのコードを書きました)。
この HTML では:
さて、背景のある要素background-attachmentの背景を維持するための仕組みがわかりません。.contenedorinherit
background:inheritが親からすべての背景プロパティを継承することはわかっていますが、
代わりにinherit、それは動作しません。PDT: もちろん::before、背景を実現するための疑似クラスを理解しています。Mozilla Firefox と互換性がないため、2 番目のメソッドの代わりに最初のメソッドを使用しています。
皆さんありがとう、そして私の下手な英語について申し訳ありません
html - background-attachment で画像を引き伸ばす方法: 変換に固定: スケーリングされた div?
背景画像とコンテンツを持つ中央の div があり、一部のデバイスに合わせてスケーリングされています。
したがって、 div には がtransform: scale(1.5)あり、 background-attachment: fixed;背景を所定の位置に保つための背景があります。しかし、div全体に合わせて画像を引き伸ばす方法がわかりません。
background-size で遊んで運がありません。画像に変換を適用すると画像transform: translateY(-10%)が上に移動しますが、それらは魔法の数字のように見えます。誰でもアイデアを得ましたか？
Jsfiddle: https://jsfiddle.net/a85qev0h/3/
html - ジャンボトロン固定画像ジャンプ
友人のために Web サイトをコーディングしていますが、ページを下にスクロールすると、ジャンボトロンの背景画像がジャンプし続けます。誰かが私が間違っていることを説明してもらえますか? ありがとうございました。
Codepen リンクはこちら: https://codepen.io/Bekahlea/pen/bGqNaVo