CSS background fixed style Background-attachment Properties Basics Introduction

This article is mainly for everyone to bring CSS background fixed style background-attachment Properties Basic Introduction, the need for friends can refer to the next

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:


Analysis:

By dragging the right scroll bar in the browser, you will find that the background image is fixed on the page.

The Background-position property cannot be set after setting background-attachment in IE or 360, otherwise the picture cannot be displayed in the browser. You can test Google Chrome, Firefox browser.