묻고답하기
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
-
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 남기남 |
우리지훈 | 아이콘샵 깨짐 현상 | |
플레이닷컴 |
게시판 탭 형태
![]() | |
아이님 | XE 접속 통계 모듈 시간설정에 관해서 질문 드려요~ | |
greengables | 알림센터lite 설치 후 삭제했는데 오류가 생깁니다 [4] | 2016.11.06 by 영흥도우럭1 |
젠장할 | 관리자외 글쓰기가 안되고 있습니다. [1] | 2016.11.05 by 불금 |
플레이닷컴 | 아프리카 tv나 유튜브 , 트위치 스트림 | |
야울쫑 |
노프레임에 게시판 구동관련질문 입니다.
[2]
![]() | 2016.11.05 by 야울쫑 |
폴단 | content 위젯 확장변수 출력문제 [1] | 2016.11.05 by 디자인클립 |
콩나물 |
xedition 레이아웃 질문이요!
[1]
![]() | 2016.11.05 by 디자인클립 |
Sealon | 누리고 주문 페이지 관련 문의입니다. | |
空島 | 고급메일 발송모듈에서 이 에러메세지가 무슨뜻인가요? [4] | 2016.11.05 by 아~답답하다 |
예진JEvans | contact us 의 이메일주소값 오류 문의드립니다. | |
greengables | 스케치북 게시판 스킨에서 웹 에디터를 사용할 때 p 태그가 반복해서 나타나는 문제 [4] | 2016.11.05 by greengables |
나dlsxjs |
관리자 메뉴 이름은 임의로 변경이 안되는건가요?
[1]
![]() | 2016.11.04 by 불금 |
thdwjdtjr | 메타태그 작성하는 법 [3] | 2016.11.04 by 불금 |
마꼬꼬 | Nginx서버에서 FastCGI 설정에 관하여 [2] | 2016.11.04 by 마꼬꼬 |
젠장할 | 분류 카테고리 필수로 지정 어떻게 해야 하나요? [1] | 2016.11.04 by sejin7940 |
네모세상 | robots.txt 가 존재하지 않습니다. [3] | 2016.11.04 by 젠장할 |
장제스 | 게시판 상/하단 내용에서 include 방법 [3] | 2016.11.04 by 영흥도우럭1 |
최성환 | 메인페이지 바꾸기 [1] | 2016.11.04 by DoorWeb |
그게 2차메뉴까지가 1차메뉴 li에 속하기 때문인데요.
.gnb>ul>li.depth
1:
after
이걸
.gnb>ul>li.depth
1>a:
after 로 해 보세요.
이 기준에서 .gnb>ul>li.depth
1>a 공간을 잘 확보 하셔야 할겁니다.