0
그래서 나는 z- 인덱스와 위치 지정을 사용하여 게이지와 div를 정렬하는 것에 대해 수많은 게시물을 복사 해 보았습니다.하지만 아직까지는 havent 그것을 성취 할 수 있었다. 나는 현재이있다 (IE에서 테스트와 함께 크롬 필자 같은 결과) :이 세 가지 포인터를 하나의 게이지처럼 보이도록3 개의 포인터가있는 검도 게이지 - 서로 위에 3 개의 게이지 정렬 문제
<div id="gauges">
<div id="loggedInGauge"> //gauge creation code </div>
<div id="loggedOutGauge"> //gauge creation code </div>
<div id="onBreakGauge"> //gauge creation code </div>
</div>
<style>
#gauges {
position: relative;
}
#loggedInGauge, #loggedOutGauge, #onBreakGauge {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 200px;
height: 200px;
}
#loggedOutGauge {
z-index: 10;
}
#onBreakGauge {
z-index: 20;
}
</style>
사람의 도움이 서로의 상단에 게이지를 얻을 수 있습니까? 여기
는 현재 출력은 무엇인가 : Imgur link to current output
고맙습니다! 확실히 이것은 검도 문서에 나와 있어야합니다. 그것은있을 수도 있고 방금 그것을 놓쳤습니다,하지만 거기에 있어야합니다. 이 문제를 해결하기 위해 사용 된 유일한 문제는 계기 컨테이너 div가 화면에 나타나는 위치가 엉망이되었습니다. [이] (http://imgur.com/wxPNxNw) 이미지는 제가 의미하는 것을 보여줍니다. 그건 그렇고 사이트가 그래서 내가 페이지의 나머지 부분을 레이아웃하기 전에 정렬 차트를 얻기 위해 노력하고있어 쓰레기 보인다 :) – user2248441
실제로 내가 제안했던 CSS 매뉴얼에서 (그리고 꽤 확신) 내 제안 된 솔루션을해야합니다 생성 된 코드를 확인하고 내가 원하는 것을 강제합니다. 당신이 지금 가지고있는 문제는'position : absolute'이라는 사실 때문입니다. 컨테이너 ('gauge' div)는 크기에 대해서 알지 못합니다 :-('게이지'에'height'를 정의 할 수도 있습니다. CSS _forcing_ 그것의 크기. http://stackoverflow.com/a/8463686/1802671 – OnaBai
내 관점에서 _actual_ 솔루션은 쉽게 할 수 있지만 얼마나 많은 사람들이에 관심이있을 것입니다 포인터의 배열을 지원하는 것입니다 그것을 구현했는지 여부. – OnaBai