<html>
<head>
<style>
body {
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position-y: 50%;
}
</style>
</head>
<body>
<h1>The background-position-y Property</h1>
<p>Here, the background image will be positioned 50% from top side.</p>
</body>
</html>