html - 高さ:100%; html で背景が壊れているため、固定要素のように動作します

Question

私はこれに長い間苦労してきたので、ここの誰かが私を助けてくれることを願っています. 背景画像をブラウザの高さではなく、ウェブページと同じサイズに保つのに苦労しています。これを行うために、最初に次のコードを使用しました。

html, body {
    overflow-x: hidden !important; 
    position: relative !important; 
}

これは一見うまくいきましたが、きれいな写真のポップアップフォームを開くと、そうではないことが明らかで、ポップアップが半分にカットされていました。

代わりに、100％の高さを入れてみました

html, body {
    overflow-x: hidden !important; 
    position: relative !important; 
    height: 100%!important; }

これにより、きれいな写真のポップアップの下部 10px 程度が切り取られ、モバイル版の Web サイトでオーバーフロー x が基本的に役に立たなくなりました。最後に、相対位置を削除しようとしましたが、非常にうまく機能しているように見えたので、本当に興奮しました。スクロールするまで、背景が固定されているかのように機能するので、スクロールするとコンテンツだけが移動します

ここの誰かが私を助けてくれることを願っています.Googleを見回しましたが、見つけたすべての提案は役に立ちません

前もって感謝します