Thread:BryghtShadow/@comment-3974211-20140403033113/@comment-3974211-20140411160126

So I just tried: $("head").append(" .backdrop {  z-index: -1;   position:absolute;   width:100%;   height:717px;   overflow:hidden;   opacity: 0.6;   background-repeat: no-repeat;   background-position: center top; } .fade {   position: absolute;    width:100%;   height:717px;   background:transparent;   background: linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -moz-linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -ms-linear-gradient(top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -o-linear-gradient( top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );   background: -webkit-linear-gradient( top, rgba( 14, 24, 34, 0 ) 0%, rgba( 14, 24, 34, 1 ) 95% );} ");

And it works. Obviously, that's the _easy_ part of the stylesheet.

So we just need to get this to work: $("head").append(" . {background-image:url("");} ");