Edit

CSS Background Attachment

The background-attachment property represents that the background image scrolls with the document, or remains fixed.

Example of Code

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <style>
      div {
        padding: 70px;
        height: 70px;
        width: 150px;
        background-image: url("http://schools.inimisttech.com/upload/blogs/15501493511549346156product.png");
        overflow: auto;
        background-attachment: fixed;
      }
    </style>
</head>
<body>
    <div>
      The background image is fixed - it doesn't scroll with its outer container. This example uses the CSS overflow property to force the box to scroll when there's too much text to fit in the box.
    </div>
</body>
</html>

Output

    Example       
      The background image is fixed - it doesn't scroll with its outer container. This example uses the CSS overflow property to force the box to scroll when there's too much text to fit in the box.