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

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

jasper reports - How to center align barcode using jasperreports and barcode4j -

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -