이미지 마우스 오버 질문
큰꽃늘
2023.04.01
안녕하세요. 이미지를 마우스 오버하면 아래 그림과 같이 검정색 마스크를 씌웠는데요.
저는 마우스오버시 투명한 이미지를 위에 씌울려고 합니다. 첨부된 이미지는
네이버 영화페이지에 있는 그림인데 효과가 비슷해서 보니까 제이쿼리를 사용하였네요.
css만으로 불가능할까요? 아시는분 있으면 답변주세요.
-
뚜야
우왕 수다님 ㅋㅋ 감사해여~
제가 생각을 너무 많이했군요;; 이렇게 간단한걸.
급해서 그냥 제이쿼리 처리했는데 시간날때 바꿔야겠어요 ㅎ -
꽃달
퇴근시간이라 자세히는 못해봤지만 아래의 소스를 응용해도 되지 않을까 싶습니다..
!DOCTYPE HTML
html lang=\ko\
head
\tmeta charset=\euc-kr\
\ttitle/title
\tstyle type=\text/css\
\t\tul li{width:200px; height:200px;}
\t\tul li:hover .over{display:block;}
\t\tul li .over{display:none; width:2 -
헛매질
아니면 직접 이미지에 onmouseover 를 이용해보심이..
-
멈짓체
hover시에 bg이미지를 주고 투명도를 조정해도 원글이 이미지라서 bg가 안먹히는걸요
-
파랑
마우스 오버했을때 투명도를 주면 됩니다.
:hover
opacity, filter 를 이용해보세요.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
| 2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
| 2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
| 2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
| 2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |