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

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

I get the error every time, I try to compile. I'm not sure why anyone can help is? I'm new to verilog. Module D_FF (clerk, d, reset_n, q); Input D, Clack, reset_en; Output Q; reg Q; lab4_gdl f1 (.lk (~ clk), d (d), .q.m (qm)); lab4_GDL f2 (.Clk (Clk), D (QM), .Q (Q)); Always start at @ (posedge clk, neggeous reset_n) (Reset_n == 0) Q & lt; = 0; Other questions & lt; = D; Edit End: The problem is what we are asking to do: In this section, you apply the memory / registration circuit on the AlterEdie 2 board. will do. The circuit has the following specifications: The present value of swift SW15-0 on the D2 board should be shown in four hexadecimal four sections of HEX3-0. This part of the circuit will be combination logic. To use an active-less asynchronous reset and KEY1 to use KEY0 as the clock input, you must store SW15-0in in a 16-bit register in the value The register should be enabled to have a 16-bit positive edge, which uses the embedded D flip-flo...
Read more

Installing croogo for cakephp -

I'm new to the keyboard, I want to install Crogo in KKPP 2.3. My question: The way to extract the file is: - Changing cakephp2.3 / app / plugging / folder in app (do not work. Error admin controller not found) or - CakePP-2.3.3 / app / (Not working ). Sorry for my bad english language: (please help me and thank you.) crogo a cms by kcfp has been developed ... meaning kkfp is already there .. just Croogo Download and read their documentation ... and try Google about some CMS ...
Read more

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 -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more