后台重復在Internet Explorer中不起作用

Question

我發現了很多與此相關的主題，但似乎沒有任何結果。

我的網站由一個主要div組成，所有內容占用屏幕寬度的80％。 具有背景的div以絕對位置粘貼到div的每一側，如下所示：

我的意思的例子

現在，側面div具有background-repeat: repeat-y應用了background-repeat: repeat-y樣式。 html的高度為100％，我想要的東西在所有瀏覽器中都可以使用，除了Internet Explorer（甚至在Edge中），但我知道它處理HTML和CSS的方式與IE不同（感到沮喪，對不起）。

編碼：

.bg-left {
    background: transparent url("../images/background/bg_left.png");
    background-repeat: repeat-y;
    position: absolute;
    min-height: 100%;
    width: 100px;
    top: 0;
    left: -100px;
}

.bg-right {
    background: transparent url("../images/background/bg_right.png");
    background-repeat: repeat-y;
    position: absolute;
    min-height: 100%;
    width: 100px;
    top: 0;
    right: -100px;
}

有沒有人可以幫助我？

提前致謝

-JSFIDDLE-

https://jsfiddle.net/fwah7gr6/12/

因此，這是我網站的上下文。 網站的兩邊都有一個“橫幅”，但是在IE中發生的是，當您向下滾動時，這些橫幅停止重復（似乎這些橫幅占據了屏幕的高度，而不是父屏幕的高度（在屏幕上是100％在JSFiddle中，這當然是可行的，因為那是正常的行為。例如，頁面包裝器的總高度為4000px，橫幅廣告的高度僅是屏幕高度的頂部到底部。我打開控制台，然后向上推控制台，橫幅也被向上推...

Answer 1

好的，問題出在我正在使用的框架（Magento 2）上。 我不知道這是Magento的問題，直到我看到Magento在height: 100%的內容周圍添加了.ie10和.ie11包裝器。 感謝@Suresh Ponnukalai，它使用height: auto ，所以我能夠解決問題。

我沒有提及我正在使用Magento 2的借口，但是我認為這純粹是HTML / CSS + IE問題。