텍스트와 이미지 겹치기
마우스 오버 효과
어제 마우스를 가져가면 거기에 없었던 텍스트를 보여주는 효과를 만들었습니다.
그런데 발생하는 문제는
아래 이미지와 같이 저금통의 이미지가 텍스트로 대체됩니다.
가라앉다
텍스트와 이미지의 공간을 중첩시키고 싶었다.
이때
텍스트의 스타일에
위와 같이 텍스트와 이미지가 겹쳐서 원하는 모양이 만들어집니다!
에 추가
이미지와 이미지 겹치기
위 사진처럼
위치 추가: 상위 구성 요소에 “상대적”
하위 구성 요소(이미지가 있는 위치)에 position: “absolute”를 입력하면
이 두 이미지가 겹칩니다!