묻고답하기

  2. Support
  3. 묻고답하기

css effect 1차메뉴에서만 보이게 하려면?

2016.02.27 00:45

risepower

?
1
2
3
4
5
6
7
8
9
10
11
.gnb>ul>li.depth1:after {
    content: '';
    position: absolute;
    background: #777;
    width: 20%;
    height: 2px;
    left: 50%;
    bottom: 0;
    opacity: 0;
    transition: all linear 0.3s;
}

식으로 현재 css 효과를 준 상태이고

참고 : https://php.quicoto.com/menu-hover-effect-inspiration/

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul>
    <li class="depth1">
    <a href="/index1" class="selected">Home</a>
    </li>
 
    <li class="depth1">
    <a href="/notice">고객센터</a>
        <ul class="depth2" style="display: none;">
            <li>
            <a href="/notice">공지사항</a>
            </li>
            <li>
            <a href="/question">Q&A게시판</a>
            </li>
        </ul>
    </li>
</ul>

메뉴는 대략 이런식으로 구현해놨는데

 

현재 문제는 1차 메뉴에서 나와야 할 효과가

드랍다운 되면서 보이는 2차메뉴 하단에서 보인다는것입니다. 

depth2가 depth1안에 있어서 depth1 하나로 보는것 같은데

이럴 경우 어떻게 depth1 에서만 효과를 낼 수 있을까요?

태그 연관 글
  1. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  2. [2017/04/03] 묻고답하기 페이지에 이 소스를 적용하면 사라집니다. by 예지
  3. [2017/02/10] 묻고답하기 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기 by 파도.
  4. [2015/07/30] 묻고답하기 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ by 더블엠씨 *9
  5. [2007/12/14] 묻고답하기 Permission 777 사용불가;;; by 고전게임헤븐 *10
, 이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
이팀장 게시판 조회수 관련 문의 드립니다 [2] 2016.02.29 by 이팀장
1052 Callback URL 을 원래의 페이지로 다시오게 설정하고싶은데요  
BoyFriend 관리자가 사이트 가입자의 일주일 댓글 통계를 볼 수 있는 모듈이나 애드온이 있나요?  
dayi 모바일 취소버튼 - 이전으로 돌아가기  
불꽃남자cc4e1 고정포워딩시 다국어변환 [1] 2016.02.29 by 불꽃남자cc4e1
pfe**** 글 작성시 이메일이 오게 하려면?  
여물 관리자 어떻게 설정하나요??? [2] 2016.02.29 by 여물
중년- 로그인이 안됩니다. 도와 주세요. [2] file 2016.02.29 by 중년-
셩 이미지를 댓글 게시물에서 출력 [1] file 2016.02.29 by 불금
yuuki 만든 html 파일 쓰기 [3] 2016.02.29 by DoorWeb
소라s xe Content 위젯을 JS에서 사용못하나요?  
yuuki 처음나오는 화면 바꾸기 [2] 2016.02.29 by 불금
갤럭시탭 모바일에서 이미지 사이즈가 맞지 않습니다. [1] 2016.02.29 by DoorWeb
갤럭시탭 파일 첨부 권한? [1] 2016.02.28 by sejin7940
용순경 게시판 분류에서의 이동? [1] 2016.02.28 by sejin7940
Alice 댓글을 다른 게시물로 이동이 불가능한가요??? [2] 2016.02.28 by 세상의모든계산기
rb XE 업데이트 관련 질문입니다  
님영234 게시판의 게시글 랜덤출력  
mydust**** 이 사이트 레이아웃 좀 알 수 있을까요? [2] 2016.02.28 by mydust****
박영준 가상서버에서 xe설치 [3] 2016.02.27 by 불금
우뚜기 사이트를 다 만들어놓고, 도메인만 사서 연결할 수도 있나요? [1] 2016.02.27 by GG
risepower css effect 1차메뉴에서만 보이게 하려면? [2] 2016.02.27 by risepower
중년- 카페를 모바일로 보면 이렇게 나옵니다. file  
XESTUDIO getThumbnail 고화질 썸네일 불러오기 [1] 2016.02.28 by XESTUDIO
아스마 확장컴포넌트 팝업 사이즈 조절 변경 어떻게 하나요? file  
서종현 PHP의 safe_mode를 On으로 변경하는방법좀 [13] 2016.02.27 by 기진곰
rb 마이그레이션 및 첨부파일 관련 문의드립니다 [1] 2016.02.27 by 기진곰
Ernie 게시판이 아닌 다른 페이지에서 입력한 내용을 자동으로 게시글로 표시  
쿨럭이 서버 트래픽 현황 노출관련문의좀 드릴게요  
빙짱 특정 게시판에 글을 올리면 자동으로 그룹이 변경되게 하는 법 [3] 2016.02.26 by GG
태그 쓰기