बैकग्राउंड-अटैचमेंट सेट करने के लिए, बैकग्राउंड-अटैचमेंट प्रॉपर्टी का इस्तेमाल करें। बैकग्राउंड अटैचमेंट यह निर्धारित करता है कि बैकग्राउंड इमेज ठीक है या बाकी पेज के साथ स्क्रॉल करती है।
उदाहरण
फिक्स्ड बैकग्राउंड इमेज सेट करने के लिए बैकग्राउंड-अटैचमेंट प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url('/css/images/css.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
</style>
</head>
<body>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
<p>The background-image is fixed. Try to scroll down the page.</p>
</body>
</html>