オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します
P粉838563523
P粉838563523 2023-09-20 22:57:13
0
1
605

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニュー バーにまで広がっており、画像に貼り付ける方法がわかりません。

画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニュー バーを超えてしまいました。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。

リーリー リーリー

部品を変更したり、相対位置法を試したりしましたが、何も機能しませんでした。

P粉838563523
P粉838563523

全員に返信(1)
P粉403804844

オーバーレイ .bg-overlay > * のすべての要素ではなく、 position:relative.bg-image に追加します。

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート