1. घर
  2. सवाल और जवाब
  3. क्या सीएसएस के साथ माता-पिता की तुलना में एक बच्चे के div में उच्च अस्पष्टता हो सकती है?

क्या सीएसएस के साथ माता-पिता की तुलना में एक बच्चे के div में उच्च अस्पष्टता हो सकती है?

2012-04-04 4 views
18

मैं एक पेज शरीर पर एक पृष्ठभूमि एक छवि, लेकिन दूसरी नहींक्या सीएसएस के साथ माता-पिता की तुलना में एक बच्चे के div में उच्च अस्पष्टता हो सकती है?

<body> 
     <div style='opacity:0.9;'><p>This is a wrapper that shows some of the background</p> 
      <div style='background-color:#fff;'><p>This is a child div that I want to be all white</p> 
      </div> 
     </div> 
</body>

जाहिर है दूसरे स्तर div .9 की अस्पष्टता को चुनता है और साथ ही जो मैं divs के पहले के स्तर के माध्यम से दिखाना चाहते है कि है क्या इसे ओवरराइड करने का कोई तरीका है?

स्रोत

2012-04-04 Brian

+0

डेमो यह मदद करनी चाहिए। http://css-tricks.com/non-transparent-elements-inside-transparent-elements/ –

+2

सरल उत्तर नहीं है: आपको इसके आसपास के तरीकों को खोजने की आवश्यकता है। – BoltClock

+0

संभव डुप्लिकेट [मैं सीएसएस में माता-पिता से बच्चे अस्पष्टता का उत्तराधिकारी नहीं बनना चाहता] [http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity -से-अभिभावक-इन-सीएसएस) –

उत्तर

24

हाय आप इस

आप माता-पिता opicity

और पसंद के रूप में बच्चे को परिभाषित कर सकते हैं की तरह के रूप में कर सकते हैं आप

पूर्व।

सीएसएस

.parent{ 
    padding:20px; 
    background:rgba(112,81,246,0.3); 
} 
.child{ 
    padding:20px; 
    background:rgba(112,81,246,0.6); 
} 
​

एचटीएमएल

<div class="parent"> 
<div class="child">Hello i m child</div> 
</div>​

लाइव यहाँ http://jsfiddle.net/rohitazad/PC4sL/

स्रोत

2012-04-04 05:23:42

संबंधित मुद्दे

 संबंधित मुद्दे