2011-12-21 4 views
0

저는 HTML5와 CSS, CSS3로 프로그래밍하고 있습니다. 브라우저 창에서 클라이언트는 2 가지 다른 방법으로 정보를 표시하는 2 개의 레이어를 필요로합니다.각 페이지와 2 개의 레이어에 여러 개의 div가 있습니다.

레이어 2에서
<div id="A1">1234</div> 
<div id="A2">5678</div> 

, 사업부의의는 다음과 같습니다 :이 층은 DIV의 A1 잘 사업부의 AA1 및 사업부 위에 위치 모두에서

<div id="AA1">ABCD</div> 
<div id="AA2">EFGH</div> 

레이어 1

은 우리가 내가 가진 가정 해 봅시다 A2는 div AA2 바로 위에 위치합니다.

이제 아래 div를 표시하는 메커니즘이 필요합니다. 즉, 한 div를 숨기고 위 또는 아래에 같은 div를 표시합니다.

정말 감사드립니다. 당신은/보여주기 위해 어떤 조건에서 정의해야합니다

+0

이렇게하려면 i- 인덱스와 CSS 속성을 사용하십시오. – Hoque

+0

@Hoque는 div가 투명한 배경을 가지고 있다고 가정 할 때 Z- 인덱스가 여기에서 작동하지 않습니다. –

답변

0

sbguy

안부, 각 div 숨길 수 있지만,이 같은 작업을해야합니다 :

은 분명히
if (myCondition == "something") { 
    $("#A1").show(); 
    $("#AA1").hide(); 
} 
else { 
    $("#A1").hide(); 
    $("#AA1").show(); 
} 

당신이 다음에 대해이 작업을 반복 할 수 있습니다 divs의 두 번째 집합입니다.

관련 문제