이미지 위에 마우스가 올라갔을때 이미지위에 자세히 보기 버튼을 넣으려고 합니다.

이미지 위에 마우스가 올라갔을때 이미지위에 자세히 보기 버튼을 넣으려고 합니다.

QA

이미지 위에 마우스가 올라갔을때 이미지위에 자세히 보기 버튼을 넣으려고 합니다.

본문

http://byullnan.com/product/detail.html?product_no=120

 

 

소스를 이리저리 찾고 또 찾아서

다행히 이미지위에 마우스를 놓으면 이미지가 뿌옇게 됬으나

 

이미지 마우스가 올라갔을때 뿌옇게된 이미지위에 자세히 보기 버튼을 넣으려고 합니다.

다시 마우스를 뺴면 버튼도 사라지구요.

아직 실력이 부족해 도통 어떻게 프로그램 짜야할지 감이 안옵니다.

 

 

33397938_1524814524.6485.png

 

위의 자세히 보기 버튼은 http://byullnan.com/web/upload/NNEditor/20180427/copy-1524790511-4004_4005_list.jpg 여기 있습니다.

 

 

<img style="opacity: 1;" onmouseover="this.style.filter='alpha(opacity=50)';this.style.opacity='0.5';" onmouseout="this.style.filter='alpha(opacity=100)';this.style.opacity='1';" src="/web/upload/NNEditor/20180427/copy-1524790511-4004_4005_list.jpg">

 

한수 가르쳐 주시면 대단히 감사하겠습니다. 꾸벅 ㅡ.ㅡ"

이 질문에 댓글 쓰기 :

답변 1

https://www.w3schools.com/howto/howto_css_image_overlay.asp

 

딱 맞는 예제인지는 모르겠지만 혹시 참고가 되실까 싶어 올려 봅니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 110
QA 내용 검색
filter #css3 ×

회원로그인

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