a태그 hover 효과 질문
본문
css
header .main_gnb > .main > li > a{position: relative; display: block; font-size: 17px; font-family: 'Gothic A1', sans-serif; font-weight: 500; }
header .main_gnb > .main > li > a::after{content: ''; position: absolute; left: 0; bottom: -26px; display: none; width: 100%; height: 3px; background: #fcaf17;}
header .main_gnb > .main > li:hover a::after{display: block;}
html
<nav class="main_gnb">
<a href="#a"><img src="img/img_logo.png" alt="KB생명보험"></a>
<h2 class="hide">메인메뉴</h2>
<ul class="main">
<li><a href="#a">보험상품</a></li>
<li><a href="#a">온라인보험</a></li>
<li><a href="#a">나의 KB생명</a></li>
<li><a href="#a">KB라이프</a></li>
<li><a href="#a">고객센터</a></li>
</ul>
</nav>
a태그는 cursor:pointer; 따로 입력하지 않아도 자동으로 마우스 모양 바뀌지 않나요?
근데 전 왜 하나도 안될까요ㅡㅡ
원래 됐었는데 더 수정할거 있어서 며칠 지나고 들어왔는데 hover부분은 모두 아예 안되네요..?
진짜 초봅니다.. 제발 도와주세요 선생님들...
답변 5
head.sub.php에서 default.css를 로드하지 않은것 같네요.
<link rel="stylesheet" href="css/default.css"> 적용 되어있는데 왜이럴까요...
위에 css를 볼때는 문제가 되지 않습니다.
내 생각에는 다른 곳에 a에 대한 마우스 포인트를 달리하신듯합니다.
만약에 못찾으시면
a { cursor:pointer !important; }
해버리시면 편합니다.
안되네요,,,,
크롬으로 확인하시나요?
크롬으로 확인시 임시파일 삭제 후 확인하셔야 적용여부를 알수 있습니다.
도구더보기 > 인터넷 사용기록 삭제
위 처럼해도 안된다면, a 부분의 css가 적용될 수 있으니 찾아보세요..
그 곳에도 핵사가 되어 있을 듯합니다.
감사합니다
URL을 올리시면
금방 해답을 얻으실 수 있을 겁니다.
더 자세한 내용이 필요할 것 같습니다.
본문 내에 태그가 안 닫힌 곳은 없는지, 오탈자는 없는지 다시 확인해보세요.
