Liệu div con có opacity cao hơn so với cha mẹ với css không?

Tôi có một nền tảng về một cơ thể trang đó là một hình ảnh mà tôi muốn thể hiện thông qua các cấp độ đầu tiên của divs nhưng không phải là thứ haiLiệu div con có opacity cao hơn so với cha mẹ với css không?

<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>

Rõ ràng div mức thứ hai nhặt opacity của .9 cũng có cách nào để ghi đè điều này không?

Nguồn

2012-04-04 Brian

Điều này sẽ giúp. http://css-tricks.com/non-transparent-elements-inside-transparent-elements/ –

Câu trả lời đơn giản là không: bạn cần tìm mọi cách xung quanh nó. – BoltClock

có thể trùng lặp của [Tôi không muốn kế thừa độ mờ con từ cha mẹ trong CSS] (http://stackoverflow.com/questions/5770341/i-do-not-want-to-inherit-the-child-opacity -from-the-parent-in-css) –

Hi bạn có thể làm như thế này

Bạn có thể xác định cha mẹ opicity

và con như như bạn

ví dụ:

css

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

HTML

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

sống bản demo đây http://jsfiddle.net/rohitazad/PC4sL/

Nguồn

2012-04-04 05:23:42

Bất kỳ trong số này sẽ giúp bạn bắt đầu:

Answer 1

Answer 2

Nguồn

2012-04-04 05:02:23 cereallarceny

Liệu div con có opacity cao hơn so với cha mẹ với css không?

Trả lời

Các vấn đề liên quan