Page Widget How to - Make Image to fill into whole background size in browser in any resolution

Question

We would like to know how to make Image to fill into whole background size in browser in any resolution.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
html, body {<!--from  w ww  .  j  a  v a  2  s.  c  o m-->
  background: url(http://www.java2s.com/style/download.png) no-repeat center center
    fixed #65b5cc;
  background-size: 100% 100%;
}
</style>
</head>
<body>
</body>
</html>

The code above is rendered as follows: