www.webdeveloper.com
Results 1 to 3 of 3

Thread: background image adjusts

Hybrid View

  1. #1
    Join Date
    Apr 2013
    Posts
    2

    background image adjusts

    Hi i m new ul designer , i have one doubt, How to make background image adjusts when browser re-adjusts. if any one help me

  2. #2
    Join Date
    Apr 2013
    Posts
    135
    HTML:

    <section class="bodySection">
    <div id="body-wrapper" class="class="">
    <div id="me"></div>
    <div id="pattern"></div>
    </div>
    <div class="clearfix"></div>
    </section><!--end of bodySection-->
    CSS

    html, body, #body-wrapper, .bodySection {height: 100%;}
    #body-wrapper{
    position: relative;
    width:43%;
    height: 100%;
    }
    #body-wrapper #me{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('http://designobvio.us/portfolio/img/Me.jpg') repeat-y;
    z-index: 1;
    -o-background-size:99% auto;
    -webkit-background-size:100% auto;
    -moz-background-size:99% auto;
    background-size:100% auto;
    -webkit-transition: all 0.20s ease-out;
    -moz-transition: all 0.20s ease-out;
    -o-transition: all 0.20s ease-out;
    transition: all 0.20s ease-out;
    }
    #body-wrapper #pattern{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('http://designobvio.us/portfolio/img/sliderBG.png') repeat;
    z-index: 2;
    }

  3. #3
    Join Date
    Apr 2013
    Posts
    2
    thx you

Thread Information

Users Browsing this Thread

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

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