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

CSS के साथ तत्वों को ओवरलैप करें

तत्वों को ओवरलैप करने के लिए, CSS z-index प्रॉपर्टी का उपयोग करें। आप z-index प्रॉपर्टी को लागू करने और टेक्स्ट के पीछे छवि सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: -1;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/assets/videotutorials/courses/swift_4_online_training/380_course_210_image.jpg" width="300" height="250">
      <p>This is demo text.</p>
   </body>
</html>

  1. सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स

    हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/

  1. CSS के साथ चाइल्ड एलिमेंट्स का चयन

    CSS चाइल्ड कॉम्बिनेटर का उपयोग मूल तत्व के सभी चाइल्ड तत्वों को चुनने के लिए किया जाता है। CSS चाइल्ड कॉम्बिनेटर का सिंटैक्स इस प्रकार है चयनकर्ता {विशेषता:/*मान*/} CSS वंशज संयोजक का उपयोग मूल तत्व के सभी वंशजों को चुनने के लिए किया जाता है CSS वंशज संयोजक का सिंटैक्स इस प्रकार है चयनकर्ता चयनक

  1. सीएसएस के साथ सहोदर तत्वों का चयन

    हम आसन्न सिबलिंग चयनकर्ता (+) का उपयोग करते हैं, यदि हम उस तत्व से मेल खाना चाहते हैं जो पहले चयनकर्ता के तुरंत बाद होता है। यहां, दोनों चयनकर्ता एक ही मूल तत्व के बच्चे हैं। CSS आसन्न सिबलिंग कॉम्बिनेटर का सिंटैक्स इस प्रकार है - चयनकर्ता + चयनकर्ता{ विशेषता:/*value*/} यदि हम दूसरे चयनित तत्व की