모바일 웹 코딩 문의 팝업
한빛
모바일 웹용 코딩인데요.
아래 이미지와 같이
어떤 버튼을 눌렀을때 기존 레이아웃이 불투명이되고 위에 팝업창이 뜨는걸 코딩하고 싶습니다.
내용 코딩 위 아래로
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 혹시나 해서 적을까 말까 하다가 적었는데 -ㅅ -;; 적기 잘했군요;
-
두바다찬솔
헉.... 됩니다. 아...z-index를 ... 아...감사합니당 ^^b
-
연꽃
팝업이미지는 요렇게 하니깐 되네요 ^^ 짱~!!
-
내꺼
1. 저기에 background로 깔면 저렇게 먹는게 맞구요. 전체를 덮는놈을 만들고 background를 줘야겠죠.
2. 뛰운놈을 left:50% 주시구 width가 100px이면 margin-left: -100px; 하시면 됩니당~ -
뿡뿡몬
노노노 말씀대로 전체 wrap 바로 아래부터 시작해서 footer까지 감싸고 끝나게 했습니다.
-
유리
아마 콘텐츠 영역이 지정된곳 안에 #bkbg가 들어가 있는것이 아닌가 합니다.
메뉴아래 부터 부터 부분까지의 영역에 말이죠.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696792 | Doctype 문의 | 떠나간그녀 | 2025-06-02 |
| 2696683 | 컴파일된 클립 질문 드립니다. | 흰추위 | 2025-06-01 |
| 2696656 | C질문요 (4) | 블랙캣 | 2025-05-31 |
| 2696504 | 플래시 위에 div 올리기 (5) | 큰꽃늘 | 2025-05-30 |
| 2696458 | 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) | 이플 | 2025-05-29 |
| 2696434 | 퍼센트 레이아웃 질문인데요.. | 나츠 | 2025-05-29 |
| 2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
| 2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
| 2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
| 2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |