테스트 사이트 - 개발 중인 베타 버전입니다

롤오버 이미지가 안나옵니다. 채택완료

nickname123 3년 전 조회 1,955

오른쪽 위에 버튼이 ../../../../images 경로로 잘 나왔습니다.

:hover 경로도 똑같이 했는데 안나옵니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
3년 전

이미 img 요소에서 src 속성으로 이미지가 표현이 되고 있는 상태라

background 가 적용되지 않습니다.

 

필요없는 img 요소는 삭제하고

a 요소를 사용해 동일하게 꾸밀수 있고

텍스트 또한 적용해 의미는 부여하고 스타일로 감출수 있습니다.

 

상대경로가 너무 복잡하게 depth 가 들어가는데

이런 경우는 그냥 절대경로가 더 낫지 않나 싶구요.

 

</p>

<p><style></p>

<p>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;

}</p>

<p></style></p>

<p><a onclick="addTR()" class="addTRBtnImg" title="1행 추가">1행 추가</a></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인