롤오버 이미지가 안나옵니다.
관련링크
본문
오른쪽 위에 버튼이 ../../../../images 경로로 잘 나왔습니다.
:hover 경로도 똑같이 했는데 안나옵니다.
답변 1
이미 img 요소에서 src 속성으로 이미지가 표현이 되고 있는 상태라
background 가 적용되지 않습니다.
필요없는 img 요소는 삭제하고
a 요소를 사용해 동일하게 꾸밀수 있고
텍스트 또한 적용해 의미는 부여하고 스타일로 감출수 있습니다.
상대경로가 너무 복잡하게 depth 가 들어가는데
이런 경우는 그냥 절대경로가 더 낫지 않나 싶구요.
<style>
a.addTRBtnImg {
display: inline-block;
width: 83px;
height: 19px;
background-image: url(/images/addTRBtn.jpg);
}
a.addTRBtnImg:hover {
background-image: url(/images/addTRBtnHover.jpg);
}
a.addTRBtnImg:first-child {
font-size: 0;
cursor: pointer;
}
</style>
<a onclick="addTR()" class="addTRBtnImg" title="1행 추가">1행 추가</a>
답변을 작성하시기 전에 로그인 해주세요.