html - How to change width and height of an absolute positioned image placed in a div by css :before -
इस सवाल का पहले से ही एक उत्तर है: < / p>
- 8 जवाब
मैं जगह की कोशिश कर रहा हूँ सीएसएस का उपयोग कर एक div में एक छवि: स्थिति से पहले: पूर्ण; उस डिवेल में पहले से एक छवि है मैं उस संपूर्ण स्थिति वाली छवि की ऊंचाई या चौड़ाई को क्यों नियंत्रित नहीं कर सकता?
सीएसएस:
div: {content: url ('buble.png') से पहले; स्थिति: पूर्ण; बाएं: 0; शीर्ष: 0; चौड़ाई: 100%; ऊंचाई: ऑटो; z- सूचकांक: 200; }
html
& lt; div & gt; & lt; img src = "profile_pic.png" alt = "" / & gt; & lt; / div & gt;
स्पष्टीकरण:
आप यदि आप इसे
: से पहले छद्म तत्व की सामग्री में डालते हैं तो छवि में सीएसएस गुण अर्जित करने में सक्षम नहीं होंगे।
चौड़ाई / ऊंचाई आप केवल छद्म तत्व पर लागू करते हैं और इसकी सामग्री पर नहीं।
समाधान:
सेट करें
की पृष्ठभूमि की छवि: छद्म तत्व से पहले तब आप
पृष्ठभूमि-आकार संपत्ति का इस्तेमाल छवि को इच्छित आकार के रूप में कर सकते हैं।
जैसा कि ऐनक में बताया गया है, आप छवि के आकार में प्रतिशत या प्रतिशत जैसे
कवर / होते हैं का उपयोग करें
सीएसएस:
div {स्थिति: सापेक्ष, चौड़ाई: 350px;} div: पहले {सामग्री: " "; स्थिति: पूर्ण; पृष्ठभूमि-छवि: url ('buble.png'); पृष्ठभूमि का आकार: होता है; चौड़ाई: 100%; ऊंचाई: 100%; z- सूचकांक: 200; }
Comments
Post a Comment