var pageContent = document.getElementById("mainContent"),
pagecopy = pageContent.cloneNode(true),
blurryContent = document.getElementById("blurryscroll");
blurryContent.appendChild(pagecopy);
window.onscroll = function () {
blurryContent.scrollTop = window.pageYOffset;
}
С помощью этого сценария мне удается размыть I-кадр, но текст H1 остается "поверх" размытого H1.
Почему это происходит?
PS.Я придерживался этого подхода: https://codepen.io/anon/pen/moqZRB
В данном примере текст H1 размыт, в моей реализации текст размыт, но исходный не размытый текст остается поверх размытого, а не остается позадиразмытый текст.