Stretching background image – CSS hack

[jklm313]

So, I inserted an image (with absolute positioning & 100% width) before the tag

Ref:http://jsbin.com/ubujaj/edit#preview

What are the ramifications for doing something like this, besides earning the status “web standards murderer”?

Quick look at the CSS:

html{

background: #222;

position: relative;

height: 100%

}



.pseudobg {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

z-index: -1;

}

[jklm313]

I was experimenting around with stuff and discovered this, I had no idea that Chris himself had already written an article about this in 2010 https://css-tricks.com/perfect-full-page-background-image/

I feel a bit dumb now ._.

[Author]

Posts