서브메뉴가 뒤로 갑니다.
본문
#ys_head .menu {z-index:19999; position:relative; display:inline-block; vertical-align:middle; width:100%; height:90px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.08);}
설정했는데 왜 뒤로 갈까요?
head.php에 메뉴들어갈 부분에만 메뉴를 넣었습니다.
고수님들의 가르침을 기다립니다.
답변 4
#wrapper 또는 #container 부분 z-index를 지워보시고 테스트해보세요.
상단 페이지 소스 4개다 보여줘야 대답할수 있는건데,
상단페이지 소스 4개라 함은 어떠어떤 페이지들을 말하는건지 ㅜㅜ
head / index / css파일 / tail을 말하는건가요?
----------------------head.php---------------------------
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
// 상단 파일 경로 지정 : 이 코드는 가능한 삭제하지 마십시오.
if ($config['cf_include_head']) {
if (http://www.goyeosu.com/js/main.js"></script>
<!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
<hr>
<div id="ys_wrap" style="z-index:<?php echo $gnb_zindex--; ?>">
<!-- Head S-->
<div id="ys_head">
<div class="top">
<div class="ys_wrap">
<div class="left t_size">
<h2 class="ts_title">화면크기설정</h2>
<a href="#" id="In" class="ts_icon zoom_in" title="확대"><span class="ti" >확대</span></a>
<a href="#" id="Out" class="ts_icon zoom_out" title="축소"><span class="ti">축소</span></a>
</div>
<div class="right t_menu">
<ul>
<li class="start"><a href="/" title="처음으로">처음으로</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li>
<li><a href="<?php echo G5_BBS_URL ?>/login.php">로그인</a></li>
<li class="line"><a href="/poppage/sitemap.php" id="sitemap" title="사이트맵">사이트맵</a></li>
</ul>
</div>
</div>
</div>
<hr />
<div class="menu">
<div class="ys_wrap">
<div class="left logo">
<a href="/" title="#"><h1 class="ti">#</h1></a>
</div>
<div class="m_menu" >
<h2 class="ti">메인메뉴</h2>
<ul class="m_main">
<li class="">
<a href="#" class="m_guide " title="이용안내" ><b>이용</b>안내</a>
<ul class="m_sub guide">
<li><a href="#" title="이용안내" >이용안내</a></li>
<li><a href="#" title="온라인상담" >온라인상담</a></li>
<li><a href="#" title="팀사업소개" >팀사업소개</a></li>
<li><a href="#" title="일정안내" >일정안내</a></li>
<li><a href="#" title="복지관소식통" >복지관소식통</a></li>
<li><a href="#" title="자주 묻는 질문" >자주 묻는 질문</a></li>
</ul>
</li>
<li class="">
<a href="#" class="m_program " title="사업안내" ><b>사업</b>안내</a>
<ul class="m_sub program">
<li><a href="#" title="가족지원" >가족지원</a></li>
<li><a href="#" title="아동교육" >아동교육</a></li>
<li><a href="#" title="아동재활치료" >아동재활치료</a></li>
<li><a href="#" title="청소년교육" >청소년교육</a></li>
<li><a href="#" title="직업지원" >직업지원</a></li>
<li><a href="#" title="성인문화여가" >성인문화여가</a></li>
<li><a href="#" title="활동보조" >활동보조</a></li>
<li><a href="#" title="주간보호" >주간보호</a></li>
<li><a href="#" title="인권" >인권</a></li>
<li><a href="#" title="마을잇기" >마을잇기</a></li>
<li><a href="#" title="보조공학" >보조공학</a></li>
</ul>
</li>
<li class="">
<a href="#" class="m_community " title="알림마당" ><b>알림</b>마당</a>
<ul class="m_sub community">
<li><a href="#" title="희망파트너이야기" >희망파트너이야기</a></li>
<li><a href="#" title="공지사항" >공지사항</a></li>
<li><a href="#" title="복지관소식" >복지관소식</a></li>
<li><a href="#" title="참여자모집" >참여자모집</a></li>
<li><a href="#" title="복지관련정보" >복지관련정보</a></li>
<li><a href="#" title="마을소식" >마을소식</a></li>
</ul>
</li>
<li class="">
<a href="#" class="m_about " title="복지관소개" ><b>복지관</b>소개</a>
<ul class="m_sub about">
<li><a href="#" title="인사글" >인사글</a></li>
<li><a href="#" title="운영위원회" >운영위원회</a></li>
<li><a href="#" title="고충처리위원회" >고충처리위원회</a></li>
<li><a href="#" title="인권헌장/인권위원회" >인권헌장/인권위원회</a></li>
<li><a href="#" title="연혁" >연혁</a></li>
<li><a href="#" title="미션/비전" >미션/비전</a></li>
<li><a href="#" title="CI" >CI</a></li>
<li><a href="#" title="윤리경영" >윤리경영</a></li>
<li><a href="#" title="조직도" >조직도</a></li>
<li><a href="#" title="찾아가는 길" >찾아가는 길</a></li>
<li><a href="#" title="채용안내" >채용안내</a></li>
</ul>
</li>
</ul> </div>
<hr />
<div class="right m_request">
<h2 class="ti">신청하기</h2>
<ul>
<li><a href="#" class="mr_service" title="봉사신청"><span class="icon"></span><br/>
봉사신청</a></li>
<li><a href="#" class="mr_sponsor" title="후원신청"><span class="icon"></span><br/>
후원신청</a></li>
<li><a href="#" class="mr_practice" title="실습신청"><span class="icon"></span><br/>
실습신청</a></li>
<li><a href="#" class="mr_visit" title="방문신청"><span class="icon"></span><br/>
방문신청</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- } 상단 끝 -->
<hr>
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="aside">
<?php echo outlogin('basic'); // 외부 로그인 ?>
<?php echo poll('basic'); // 설문조사 ?>
</div>
<div id="container">
<?php if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) { ?><div id="container_title"><?php echo $g5['title'] ?></div><?php } ?>
----------------------head.php---------------------------
------------------------------css-------------------------
@charset "utf-8";
/* CSS Document */
/* css 기본값 정의 */
body {background:#fff;}
span.error{color:red;}
/* layout */
#ys_wrap {text-align:center; min-width:1000px;}
.ys_wrap {
position: relative;
display: inline-block;
vertical-align: middle;
width: 1000px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
}
.ti {width:0px; height:0px; display:block; .display:none; overflow:hidden; text-indent:-1000px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.left {float:left; text-align:left;}
.right {float:right; text-align:right;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:40px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:2em}
/* 헤더 */
#ys_head {display:inline-block; vertical-align:middle; width:100%; border-top:#be1e2d solid 3px;}
#ys_head .top {height:30px; background:#fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8);
background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background:-o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
background:linear-gradient(top, #ffffff 0%, #f8f8f8 100%);}
#ys_head .top .t_size {display:inline-block; vertical-align:middle; margin-left:5px; padding:5px;}
#ys_head .top .t_size .ts_title {display:inline-block; vertical-align:middle; margin-right:5px; font:11px NanumGothic; color:#9da4b1; letter-spacing:-1px; line-height:25px;}
#ys_head .top .t_size .ts_icon {display:inline-block; vertical-align:middle; width:10px; height:11px; background:url("../yssupport_img/btn_size.png") no-repeat;}
#ys_head .top .t_size .ts_icon.zoom_in {background-position:center top;}
#ys_head .top .t_size .ts_icon.zoom_out {background-position:center bottom;}
#ys_head .top .t_menu {display:inline-block; vertical-align:middle; height:35px;}
#ys_head .top .t_menu ul {display:inline-block; vertical-align:middle;}
#ys_head .top .t_menu li {float:left; display:inline-block; vertical-align:middle; background:url("../yssupport_img/line_gray.png") left center no-repeat;}
#ys_head .top .t_menu li.start {background:none;}
#ys_head .top .t_menu a {display:inline-block; vertical-align:middle; padding:0px 15px; height:30px; font:11px NanumGothicBold; color:#45464a; letter-spacing:-1px; line-height:30px;}
#ys_head .menu {z-index:999; position:relative; display:inline-block; vertical-align:middle; width:100%; height:90px; box-shadow:0px 1px 4px rgba(0, 0, 0, 0.08);}
#ys_head .menu .logo {display:inline-block; vertical-align:middle; margin:18px 0px 0px 10px; width:235px; height:55px; background:url("../yssupport_img/logo.png") center center no-repeat;}
#ys_head .menu .logo a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
#ys_head .menu .m_menu {display:inline-block; vertical-align:middle; margin:10px; height:70px;}
#ys_head .menu .m_main li {position:relative; float:left; display:inline; height:70px; background:url("../yssupport_img/icon_circle_r.png") left center no-repeat;}
#ys_head .menu .m_main li.start {background:none;}
#ys_head .menu .m_main a {display:inline-block; vertical-align:middle; padding:0 30px; height:70px; font:16px NanumGothic; color:#45464a; letter-spacing:-1px; line-height:70px;}
#ys_head .menu .m_main a:hover {color:#be1e2d;}
#ys_head .menu .m_main a.on {color:#be1e2d;}
#ys_head .menu .m_main li:hover .m_sub {display:inline-block;}
#ys_head .menu .m_sub {z-index:999; position:absolute; left:10px; top:70px; display:none; vertical-align:middle; padding:5px 0; width:130px; border:#be1e2d solid 4px; background:#fff; border-radius:10px;}
#ys_head .menu .m_sub li {display:inline-block; vertical-align:middle; margin:0; width:100%; height:30px; background:none;}
#ys_head .menu .m_sub li a {display:block; margin:0 5px; padding:0 0 0 10px; height:30px; font:12px NanumGothic; color:#666; letter-spacing:-1px; line-height:30px; text-align:left; background:none;}
#ys_head .menu .m_sub li a:hover {color:#fff; background:#be1e2d; border-radius:5px;}
#ys_head .menu .m_request {display:inline-block; vertical-align:middle; margin:10px; height:70px;}
#ys_head .menu .m_request li {float:left; display:inline; margin-left:4px; width:40px; height:70px; text-align:center;}
#ys_head .menu .m_request a {display:inline-block; vertical-align:middle; width:100%; height:100%; font:11px NanumGothic; color:#6d6e71; letter-spacing:-1px; line-height:20px;}
#ys_head .menu .m_request .icon {display:inline-block; vertical-align:middle; margin-top:10px; width:40px; height:40px; overflow:hidden; border-radius:10px; background:#6d6e71 url("../yssupport_img/icon_request.png") no-repeat;}
#ys_head .menu .m_request a:hover {color:#be1e2d;}
#ys_head .menu .m_request a:hover .icon {background:#be1e2d url("../yssupport_img/icon_request.png") no-repeat;}
#ys_head .menu .m_request a.mr_service .icon {background-position:left top;}
#ys_head .menu .m_request a.mr_sponsor .icon {background-position:right top;}
#ys_head .menu .m_request a.mr_practice .icon {background-position:left bottom;}
#ys_head .menu .m_request a.mr_visit .icon {background-position:right bottom;}
상단페이지 소스4개라 하면 head.php 만 만졌는데요?
