Div background image stretching

You can set repeat (no-repeat) for a background image, but do not set the stretch attribute.

Here we use a pseudo background to achieve stretching. The so-called pseudo-background is to use two overlapping Divs. The following one fills up the DIV with an image and serves as the background.

 <  Html  >  <  Head  >      <  Style  >  # Back  {  Width  : 200px  ;  Height  :  200px  ;              }  # Back img  {  Vertical-align  : Top  ;       /*  Solve the gaps in IE browser background Filling  */  Width  :  100%  ;  Height  : 100%  ;          }          /*  Overlap two DIV with relative Layout  */  # Front  {  Background  :  Transparent ;   /*  Front Div transparent background  */  Position  :  Relative  ;  Width  :  200px ;  Height  :  200px  ;  Top  :  -200px  ;          }          </  Style  > </  Head  >      <  Body  >          <  Div  ID  = "Back"  >              <  IMG  SRC  = "Http://static.cnblogs.com/images/logo_small.gif"  />          </ Div  >          <  Div  ID  = "Front"  >              <  IMG  SRC  = "Http://static.cnblogs.com/images/logo_small.gif"  />              <  A  Href  = "Http://www.baidu.com" > Baidu </  A  >          </  Div  >      </  Body  >  </  Html  >