Background Attachment Utilities for controlling the way an element's background image position is fixed within the viewport or scrolls with its containing block.
Classes Class Output .d-bga-unset background-attachment: unset !important; .d-bga-scroll background-attachment: scroll !important; .d-bga-fixed background-attachment: fixed !important; .d-bga-local background-attachment: local !important;
Use d-bga-scroll
to fix a background image to the element. It does not scroll with its content.
London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill. London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.
< div class = " ... d-bga-scroll" > ...</ div>
Fixed Use d-bga-fixed
to fix a background image to the viewport. The background image does not scroll with the content.
London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill. London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.
< div class = " ... d-bga-fixed" > ...</ div>
Local Use d-bga-local
to fix a background image relative to the element's contents. If the element is scrollable, the background scrolls with the element's contents, and background area and positioning are relative to the scrollable area of the element rather than the viewable box.
London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill. London. Michaelmas term lately over, and the Lord Chancellor sitting in Lincoln's Inn Hall. Implacable November weather. As much mud in the streets as if the waters had but newly retired from the face of the earth, and it would not be wonderful to meet a Megalosaurus, forty feet long or so, waddling like an elephantine lizard up Holborn Hill.
< div class = " ... d-bga-local" > ...</ div>