Absolutely positioned div with background-size:cover - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Absolute Position

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Absolute Position

Description

Absolutely positioned div with background-size:cover

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <style type="text/css">
.popOver {<!--   w w w . j ava 2 s  .c om-->
   position: absolute;
   left: 100px;
   right: 100px;
   top: 100px;
   bottom: 100px;
   background-size: cover;
   background-image: url('http://java2s.com/resources/g.png');
}

      </style> 
   </head> 
   <body> 
      <div class="popOver"></div>  
   </body>
</html>

Related Tutorials