background-attachment: fixed;background-position: center;

  


<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
<style type='text/css'>
body {
  background-image: url("http://java2s.com/style/logo.png");
  background-attachment: fixed; 
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eaeaea; }

</style>

</head>

<body>
<p>This example illustrates the <b>background-attachment</b> property<p>
<p>The<br />
image<br />
stays<br />
in<br />
the<br />
same<br />
place<br />
even<br />
when<br />
you<br />
scroll<br />
down<br />
the<br />
page.</p>
</body>
</html>

Related examples in the same category

1.	'background-attachment' Example
2.	Use background-attachment:scroll to scroll a background image when the user scrolls the content. This is the default value.
3.	Use background-attachment:fixed to prevent the image from scrolling.
4.	background-attachment: fixed;
5.	Set background-attachment to fixed
6.	background-attachment: scroll

background-attachment: fixed;background-position: center; : background attachment « CSS « HTML / CSS

Related examples in the same category