Css- 불투명도 정보

불투명도 0.5 (전체 화면) 인 hider 패널이 있습니다. 다른 패널을 사용하고 싶습니다. 하지만 두 번째 비 투명해야합니다. CSS 클래스를 어떻게 디자인해야합니까?Css- 불투명도 정보

<asp:Panel cssclass="hider" ID="HiderPanel" visible="false" runat="server"> 
     <asp:Panel CssClass="FormPanel" ID="formpanel" runat="server"> 

    </asp:Panel> 

    </asp:Panel>

과 CSS : 당신은 유지해야 내 이해에서

.hider 
{ 
    display:block; 
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    z-index:1; 
    color:black; 
    background-color:black; 
    opacity:0.5; 
    filter:alpha(opacity=20); 
} 

.FormPanel 
{ 
    float:left; 
    margin-left:5%; 
    width:40%;  
    height:700px; 
    border: 2px solid #555; 
    z-index:2; 
    background-color: #fff; 
    color:white; 
    padding: 10px; 
}

출처

2016-08-08 Anonymous

예 검색 방법을 알지 못했습니다. 그 죄송합니다. 나는이 링크에서 위치를 사용하여 문제를 해결했다고 생각한다 : absolute; 자녀 패널에 고마워. @NicoO –

모두 불투명/별도의 투명. 그런 다음 한 div에 둘 다 넣으십시오.

<div> 
    <div class="transparent fix-to-parent"></div> 
    <div class="non-transparent its-own-size"></div> 
</div>

그런 다음 두 번째 상위 항목의 z- 색인을 설정하십시오.

출처

2016-08-08 07:32:59 Zahid

Css- 불투명도 정보

답변

관련 문제