To use the blur function to apply a blur effect to the background picture, use the z-index property to define the stack order of the element, and set the width and height to 100% to have a full background image. To position the element relative to the nearest positioned ancestor, use the position attribute with an absolute value.