Question

My HTML5 code is

     <div id="changeimg" align="center">
           <div id="imgbutton" onclick="changeimg()"/>
    </div>

My css is

 #imgbutton
   {
     background-image:url('../images/tab1.png'); 
     height:35px;
     width:269px;
     border-radius:8px;
     margin-left:6%;
   }
    #changeimg
   {
     width:80%;
     height:50px;
     margin-left:5%;
     padding-top: 12px;
     z-index: 1;
  }

in image button div i am using image in background and i want to adjust image according to change image div as i change the screen size.Can any one help me to do this??
Thanks in advance!!

Answer 1

Maybe this post is interesting for you: Set size on background image with CSS?

This task can only be achieved by using CSS3. Browsers that don’t support “background-size” wont scale the background!

background-size: 100% auto; // 100% width and auto height, keeping aspect ratio
background-size: auto 100%; // 100% height and auto width, keeping aspect ratio
background-size: 100% 100%; // 100% width and height, aspect ratio will be lost