애니빌드.LAB
토론방
소스관련 스크롤 탑내비에서의 상단텍스트 폰트 컬러 변경방법에 대한 문의
- p**we
- 2018-08-13 15:16:40
- hit3337
- http://wdev.anybuild.co.kr/bbs/qna/7051
유첨된 파일과 같이
메인페이지 맨 상단에 TEXT Navi를 넣었는데요.
문제는 스크롤을 내리면 배경이 흰색으로 변경되는지라...
기본 컬러를 흰색으로 하면, 스크롤 내리면 안보이고. 기본을 회색으로 하면, 스크롤 내리기 전에 안보이고.
그 하단의 Inb_p 에 들어간 dep1의 메뉴들은 반전이 잘되는데말이죠.
맨 상단의 TXT도 동일한 방식으로 하려면 어찌해야하나요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
- 로그인 메뉴를 적용하기 위해서 직접 추가하신 소스를 보면, 다음과 같습니다.
.logo2 ul {margin:0;padding:0;list-style:none}
.logo2 a {display:block}
.logo2 .dep22:after {clear:both;content:'';display:block}
.logo2 .dep22 > li {overflow:hidden;float:left;position:relative}
.logo2 .dep22 > li > a {overflow:hidden;position:relative;height:80px;line-height:80px;padding:0 10px;font-size:16px;font-weight:bold;color:#eeeeee;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.logo2 .dep22 > li:hover {overflow:visible}
.logo2 .dep22 > li:hover > a {background:#fff;color:#fe9900;transition:background .3s ease}
.logo2 .dep22 > li > a:before {content:'';position:absolute;right:0;bottom:0;left:0;width:0;height:2px;margin:auto;background:#fe9900;transition:all .3s ease}
.logo2 .dep22 > li.on > a:before,
.logo2 .dep22 > li:hover > a:before {width:60%}
.logo2 .dep22 > li > div {display:block;position:absolute;min-width:100%;background:#fff;box-sizing:border-box;opacity:0;transition:all .3s ease;box-shadow:0px 3px 3px rgba(0, 0, 0, .3)}
.logo2 .dep22 > li:hover > div {opacity:1}
.scroll .logo2 .dep22 > li > a {color:#444444}
.scroll .logo2 .dep22 > li:hover > a {color:#fe9900}
- 실제 dep22 의 소스를 보면 <li> 태그가 존재하지 않아서 위의 css 가 적용되지 않습니다.
- 다음과 같이 수정해주세요.
> li 삭제
.logo2 .dep22 > a {overflow:hidden;position:relative;height:80px;line-height:80px;padding:0 10px;font-size:16px;font-weight:bold;color:#eeeeee;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.scroll .logo2 .dep22 > a {color:#444444}