모바일 웹 코딩 문의 팝업
민트
모바일 웹용 코딩인데요.
아래 이미지와 같이
어떤 버튼을 눌렀을때 기존 레이아웃이 불투명이되고 위에 팝업창이 뜨는걸 코딩하고 싶습니다.
내용 코딩 위 아래로
div id=bkbg
div id=header안에 내용/div
div id=navi이것저것/div
div id=cnt이것저것/div
div id=footer이것저것/div
/div로 감싸고
div class=imgimg src=팝업 이미지/div
하고
css를
#bkbg{width:100%; height:100%; background:#000; filter:alpha(opacity=40); z-index : 0;}.img{position:absolute; top:100px; left:auto;}
하면1. 투명값 준게 전체에 깔리지 않고 이미지를 제외한 부분에만 먹습니다.
상단에 메뉴위에도 깔고 싶은데 말이죠...
2. 그리고 position의 top값을 조정하면 팝업 이미지의 수직값은 이동을 하는데
position을 썼을시 가로 정렬을 항상 center로 맞출 순 없나요.?좀 도와주세요...ㅡ.ㅜ
-
빛나라
음... 무슨 문제일가요?
-
희미햬
저도 이것 만든 기억이 있는데
div id=\wrap\-width:100%; height:100%;
div id=\컨텐츠\-width:100%; height:100%; position:absolute; z-index:1;
div id=\#bkbg\/div-width:100%; height:100%; position:absolute; z-index:2;
/div
이런형태로 했는데 잘됬었는데; -
꽃여름
#bkbg 가 어디에 위치 해 있는지 가 중요합니다.
전체를 잡고 있는 div가 있다면 그 div바로 안에 들어가게 되면 될텐데요. -
푸른잎
참고 할께여
-
물맑
z-index 혹시나 해서 적을까 말까 하다가 적었는데 -ㅅ -;; 적기 잘했군요;
-
도1도캣
헉.... 됩니다. 아...z-index를 ... 아...감사합니당 ^^b
-
연보라
팝업이미지는 요렇게 하니깐 되네요 ^^ 짱~!!
-
파란
1. 저기에 background로 깔면 저렇게 먹는게 맞구요. 전체를 덮는놈을 만들고 background를 줘야겠죠.
2. 뛰운놈을 left:50% 주시구 width가 100px이면 margin-left: -100px; 하시면 됩니당~ -
틀큰
노노노 말씀대로 전체 wrap 바로 아래부터 시작해서 footer까지 감싸고 끝나게 했습니다.
-
초시계
아마 콘텐츠 영역이 지정된곳 안에 #bkbg가 들어가 있는것이 아닌가 합니다.
메뉴아래 부터 부터 부분까지의 영역에 말이죠.