묻고답하기
특정 레이어를 제외한 전체페이지 어둡게하기
2014.12.18 12:09
http://www.uxfactory.co.kr/
위 페이지에서 로그인 버튼을 클릭하면 로그인 창을 제외한 모든 것이 어둡게 변합니다.
이 기능을 구현하려고 하는데, 어디서 시작할지 감이 잡히질 않네요.
http://lifeto.cafe24.com/xe/index.php?mid=request&listStyle=list
위 페이지에서 오른쪽 버튼을 클릭하면 나오는 토글레이어에, 버튼을 클릭하면 나머지를 어둡게 처리하고 싶습니다.
알려주실 수 있나요?
댓글 3
-
devflow
2014.12.18 12:15
-
XESTUDIO
2014.12.18 12:44
답변감사합니다.
그러니까, 전체레이어를 어두운색으로 하나 만들고, 그 위에 레이어를 넣는 방식을 말씀하신거죠?
http://lifeto.cafe24.com/xe/request
여러차례 다른 방법으로 시도해봤지만 이렇게 나타납니다..;
-
devflow
2014.12.18 12:55
로그인창에 해당하는 acField를 어두운 배경안에 넣어주시면 될거같습니다. 그리고 acField를 JS로 보이게 하는 스크립트 부분을 어두운 배경이 보이게하시면 원하시는 대로 만들어 질 듯 합니다.
<div style="position: fixed;background-color: rgba(0,0,0,0.5);left:0;right: 0;bottom: 0;top:0;z-index: 99999">
<div style="background-color: #fff;width: 300px;height: 300px;margin-left: -150px;margin-top: -150px;position: absolute;left:50%;top: 50%">
</div>
</div>
같은 느낌으로 하시면 될듯합니다 ㅎㅎㅎ