마우스 오버
본문
dcodi.co.kr
이 쇼핑몰을 제작중 입니다.
http://www.addmore.co.kr/index.html
이 사이트 처럼
메인에 상품 노출이 마우스 오버시 배경에 opacity 들어가고 상품명/가격이 나오게끔 코딩 작업을 했는데
상품명/가격을 마우스 오버하면 배경 opacity가 사라집니다 ㅠㅠ
어디가 잘못된걸까요 ㅠㅠ
상품명/가격을 마우스오버해도 배경이 사라지지 않게 하고싶습니다 ㅠㅠ..
고수님들 답변 부탁드려요
답변 2
이미지가 들어가있는 div 안에 자식으로 상품명이랑 가격이 들어가있어서 css가 같이 적용되는게 아닌가 싶습니다.
상품 이미지 태그에 넣은 마우스오버 스크립트를 옮겨보세요.
<div class="thumbnail_js" 여기로><a..><img onmouseover...
네 답변해주신대로 작업 했는데 제가 원하는 방향과 가까워지긴 했으나
상품명과 가격이 같이 opacity 되는거 같습니다 ㅠㅠ
이 부분은 어떻게 수정해야하는지 알려주실수 있나요? ㅠㅠ
스크립트 대신 css로 처리해보세요.
.thumbnail_js:hover > a > img{opacity:0.5;}
답변을 작성하시기 전에 로그인 해주세요.