CSS Full Width Background Image

#1

Post by jonobird » Wed, Jul 18, 2012, 11:35 AM UTC

CSS Full Width Background Image
snippetrepo.com

Re: CSS Full Width Background Image

#2

Post by alexobenauer » Wed, Jul 18, 2012, 12:32 PM UTC

How is this better than "background-size: cover;"?

Example: http://css-tricks.com/perfect-full-page-background-image/

Re: CSS Full Width Background Image

#3

Post by jonobird » Wed, Jul 18, 2012, 12:48 PM UTC

alexobenauer wrote: post #2

How is this better than "background-size: cover;"? Example: http://css-tricks.com/perfect-full-page-background-image/

Because 'background-size: cover; only works with IE9+'. This example is not supposed to be best practice or most preferred practice, it is meant to educate people and give an alternative to the one everybody already knows :)

Re: CSS Full Width Background Image

#4

Post by alexobenauer » Thu, Jul 19, 2012, 12:22 PM UTC

jonobird wrote: post #3

alexobenauer wrote: post #2

How is this better than "background-size: cover;"? Example: http://css-tricks.com/perfect-full-page-background-image/

Because 'background-size: cover; only works with IE9+'. This example is not supposed to be best practice or most preferred practice, it is meant to educate people and give an alternative to the one everybody already knows :)

That's not true; you use:

-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

Re: CSS Full Width Background Image

#5

Post by jonobird » Fri, Jul 20, 2012, 4:10 AM UTC

alexobenauer wrote: post #4

jonobird wrote: post #3

Earlier quoted context omitted.

Because 'background-size: cover; only works with IE9+'. This example is not supposed to be best practice or most preferred practice, it is meant to educate people and give an alternative to the one everybody already knows :)

That's not true; you use: -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

Still only works in IE9+...