Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript DOM में बैकग्राउंड इमेज को फिक्स्ड कैसे सेट करें?

अवलोकन

backgroundAttachment प्रॉपर्टी बैकग्राउंड इमेज को स्क्रॉल के साथ फिक्स्ड (नहीं स्क्रॉल होने वाली) बनाती है।

उदाहरण

<!DOCTYPE html> <html>    <body>       <button onclick="display()">Click to Set background</button>       <p>Demo Text</p> ...       <script>          function display() {             document.body.style.background = "url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";             document.body.style.backgroundAttachment = "fixed";          }       </script>    </body> </html>
  1. वेबपेज का बैकग्राउंड इमेज कैसे सेट करें? वेबपेज का बैकग्राउंड इमेज कैसे सेट करें?

    CSS background-image प्रॉपर्टी वेबपेज का बैकग्राउंड इमेज सेट करने के लिए, CSS स्टाइल का उपयोग करें। CSS <style> टैग के तहत, background-image प्रॉपर्टी जोड़ें। यह प्रॉपर्टी jpg, png, svg, gif आदि जैसे ग्राफिक सेट करती है। HTML5 <body> बैकग्राउंड एट्रिब्यूट को सपोर्ट नहीं करता, इसलिए बैकग

  1. - JavaScript से लिस्ट-आइटम मार्कर के रूप में इमेज कैसे सेट करें?

    उदाहरण listStyleImage प्रॉपर्टी से कस्टम इमेज को लिस्ट मार्कर के रूप में उपयोग करें। <!DOCTYPE html> <html> <body> <ol id=myID> <li>एक</li> <li>दो</li> </ol> <button type=button onclick=display()>लिस्ट इमेज अपडेट क

  1. - CSS से बैकग्राउंड इमेज को फिक्स्ड सेट करें

    background-attachment: fixed का उपयोग background-attachment: fixed प्रॉपर्टी बैकग्राउंड इमेज को व्यूपोर्ट के सापेक्ष फिक्स कर देती है, ताकि स्क्रॉल करने पर इमेज न स्क्रोल हो (पैरालैक्स इफेक्ट)। उदाहरण <!DOCTYPE html> <html> <head> <style> body { backgroun