Stretch and scale a CSS image in the background - with CSS only

Question

I want that my background image stretch and scale depending on the browser viewport size.

I\'ve seen some questions on Stack Overflow that do the job, like

Answer 1

I use this, and it works with all browsers:

    
        
        
        
        
    
    
        

        

            
Stretch that Background Image!
            
This text appears in front of the background image. This is because we've used CSS to layer the content in front of the background image. The background image will stretch to fit your browser window. You can see the image grow and shrink as you resize your browser.
            
Go on, try it - resize your browser!