부모와 자식 요소에 불투명도를 적용하는 방법

부모 div에는 불투명도를 적용하려고하지만 하위 div에는 불투명도를 적용하려고합니다. 데모 여기 http://plnkr.co/edit/rLjuSo9336Qe67fXlkPe?p=preview 완벽하게 작동하는 maindiv에 불투명도를 적용하지만 div에 불투명도를 적용하여 특정 div 불투명도의 불투명도를 1로 만들고 싶지는 않지만 불투명도를 무시할 수는 있습니다. 어떻게 불투명도를 무시할 수 있습니까? 위의 코드에서 부모 DIV ...부모와 자식 요소에 불투명도를 적용하는 방법

<div id="mainDiv"> 
    <div>div 1</div> 
    <div>div 2</div> 
    <div> 
    <div id="div3"> 
    <input type="text" /> 
    </div> 
    </div> 
    <div>div 4</div> 
</div>

의 내가 maindiv하는 불투명도 및 모든 자식을 적용하고 싶지만 = "div3"ID를 가지고있는 div에하지 ... 누군가가 나에게 감사를 도와주세요 당신..!

출처

2016-06-14 Raja Reddy

슬프게도, ive는 이전에 똑같은 것을 시도했고 그렇게 할 수 없었습니다. 상대 위치 또는 절대 위치를 조사해야 할 수 있습니다. 상황이 바뀌지 않는 한. – Buildersrejected

일단 부모가 불투명도를 가지면 자식이 수행 할 수 있습니다. 불투명도를 가질 수있는 부모의 의사 요소를 사용하면됩니다. 그것으로 당신은 그것을 얻을 수 있습니다 – LGSon

질문입니다; 부모에게 불투명이 필요한 이유는 무엇입니까? – LGSon

CSS만으로이 작업을 수행하고 있다면 아무런 문제가 없습니다. 여기는 MDN has to say about it입니다.

이 값은 하위 요소에 값이 상속되지 않았더라도 내용을 포함하여 전체 요소에 적용됩니다 ( ). 따라서 요소와 그 포함 된 자식 요소는 모두 해당 요소와 해당 자식 요소에 서로 다른 불투명도가 다른 인 경우에도 요소의 배경에 대해 동일한 불투명도 ( )를 갖습니다.

는하지만, 당신이 실제로 달성하려는 작업에 따라, 여전히 당신이 그것을 할 수있는 가능성이 높다. 불투명도를 원하지 않는 요소가 불투명도가있는 요소의 자식이 아닌 방식으로 HTML을 변경하십시오.

출처

2016-06-14 16:29:52 Venemo

부모와 자식 요소에 불투명도를 적용하는 방법

답변

관련 문제