background-image (1) 썸네일형 리스트형 [HTML/CSS] background image 로드 실패 시 대체 이미지 넣는 방법 구글링해서 찾은 결과는 아래와 같다. background: url('img1.png'), url('img2.png'); 그런데 나의 경우, 이 코드를 썼을 때 img1.png가 정상적으로 로드됐을 때도 img2.png도 로드되어 img1.png 뒤로 img2.png가 보였다...!!! img1.png 로드에 실패했을 때만 img2.png를 보여주고 싶어서 다른 방법을 생각해냈다. 그것은 바로..! 1. CSS 클래스 하나 추가 - 실패했을 때 보일 이미지를 background-image로 넣어준다. (예시의 경우 img2 클래스) 2. HTML에 img태그 추가 - 안보이도록 처리 && 처음으로 보일 url을 src로 입력 (예시의 경우 img1.png) 3. img태그에 onerror속성에 "대상요소에.. 이전 1 다음
