Full width background element with pseudo-class - z-index?
问题 EDIT: I found out that when I delete the z-index of the parent element it works. Anyway ... is there a less "hackish" way to accomplish all that? It works but really feels very hackish. I try to make a full width pseudo element behind a centered 50% row. It works fine (code looks very hackish, though) but I can't get the pseudo elements z-index behind its parent: > Visit codepen-battleground here. This is the SCSS code: html, body { height: 100%; margin: 0; overflow-x: hidden; overflow-y: