묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css effect 1차메뉴에서만 보이게 하려면?
2016.02.27 00:45
.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/
<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 에서만 효과를 낼 수 있을까요?
태그 연관 글
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2017/04/03] 묻고답하기 페이지에 이 소스를 적용하면 사라집니다.
- [2017/02/10] 묻고답하기 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기
- [2015/07/30] 묻고답하기 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ *9
- [2007/12/14] 묻고답하기 Permission 777 사용불가;;; *10
댓글 2
-
DoorWeb
2016.02.27 12:11
-
risepower
2016.02.27 21:39
답변 정말 감사드립니다. 말씀하신대로 하니 제대로 나오네요!
어떻게 보면
.gnb>ul>li.depth
1:
after 이나
.gnb>ul>li.depth
1>a:
after 둘다
속하게 되는것 같은데...
결론은 정확하게 좌표를 찍어줘야 하는거군요..
다시한번 답변 정말 감사드립니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
dayi | 모바일 취소버튼 - 이전으로 돌아가기 | |
불꽃남자cc4e1 | 고정포워딩시 다국어변환 [1] | 2016.02.29 by 불꽃남자cc4e1 |
pfe**** | 글 작성시 이메일이 오게 하려면? | |
여물 | 관리자 어떻게 설정하나요??? [2] | 2016.02.29 by 여물 |
중년- | 로그인이 안됩니다. 도와 주세요. [2] | 2016.02.29 by 중년- |
셩 | 이미지를 댓글 게시물에서 출력 [1] | 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 |
중년- | 카페를 모바일로 보면 이렇게 나옵니다. |
그게 2차메뉴까지가 1차메뉴 li에 속하기 때문인데요.
.gnb>ul>li.depth
1:
after
이걸
.gnb>ul>li.depth
1>a:
after 로 해 보세요.
이 기준에서 .gnb>ul>li.depth
1>a 공간을 잘 확보 하셔야 할겁니다.