CSS Background Attachment

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

Example of Code

<style>
      #example-CSS-Background-Attachment-div{
        padding: 70px;
        height: 70px;
        width: 150px;
        background-image: url("http://schools.inimisttech.com/upload/blogs/15501493511549346156product.png");
        overflow: auto;
        background-attachment: fixed;
      }
 </style>
    <div id="example-CSS-Background-Attachment-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>

Output