롤오버 이미지가 안나옵니다.

롤오버 이미지가 안나옵니다.

QA

롤오버 이미지가 안나옵니다.

본문

3667674134_1668190390.2441.png

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

3667674134_1668190420.9358.png

: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>
답변을 작성하시기 전에 로그인 해주세요.
전체 38
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT