CSS background-attachment use of the detailed

This time for everyone to bring, the attention matters are what, the following is the actual case, together to see.

First, Background-attachment properties

In CSS, use the background attachment property background-attachment to set whether the background image is scrolled or fixed with the object.
Grammar:
background-attachment: scroll/fixed;
Description
The Background-attachment property has only 2 property values. Scroll indicates that the background image scrolls with the object scrolling and is the default option; fixed means that the background image is pinned to the page and that only the other content scrolls with the scroll bar.

Example:

<! DOCTYPE html> 
The preview effect in the browser is as follows:


Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

CSS has several ways to implement three-column layout

CSS and SASS Development specification

CSS to make the mouse move up icon rotation