www.webdeveloper.com
Results 1 to 1 of 1

Thread: Making Body Image Stay Against Container/ Wrapper Even When Browser Max or Min

Threaded View

  1. #1
    Join Date
    May 2012
    Posts
    79

    Making Body Image Stay Against Container/ Wrapper Even When Browser Max or Min

    I would like to add a background-image (circles in image below) to the body of a website i am working on, I need the image to stay flush against the container(white center with green and red banners in image below) so that even when the browser is maximized or minimized the image will stay flush to the container.

    I'm not sure if i'm am saying this correctly so i've placed a visual as reference (attached) along with my CSS code(below).

    Code:
      html, body{height: 100%;}
        
        body{ 
        	background: #e5e5e5 url('../img/body_bck_lrg.gif') no-repeat -290px 190px fixed;
        	-webkit-background-size: cover;
        	-moz-background-size: cover;
        	-o-background-size: cover;
        	background-size: cover;
            /*background-size: contain;
            background-origin: border-box;*/
           }
    Attached Images Attached Images

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles