Advanced Search

Return to Snippet

Revision: 46132
at May 13, 2011 07:53 by f6design
Initial Code 
img.bg {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px; /*adjust this to match image width */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Note that this approach DOESN'T maintain the image's aspect ratio. For a pure CSS technique that does that you need a CSS3 approach.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
100% scale background image (doesn\'t preserve aspect ratio)

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
image, background

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS