본문 바로가기 메뉴 바로가기

개발로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발로그

검색하기 폼
  • 분류 전체보기 (52)
    • 프론트엔드 (24)
    • TIL (19)
    • 개발상식 일반 (7)
    • 회고 (1)
    • 토이프로젝트 (0)
  • 방명록

onerror (1)
CSS – BACKGROUND-IMAGE 로딩 실패시 처리.

출처 : http://www.freesens.com/x/?p=835">http://www.freesens.com/x/?p=835 테스트 환경에서 작업하다보면 무의미한 경로를 집어넣어놔서 불러오기를 실패하는 경우가 많은데, 태그는 src로 불러올 때 실패할 경우 onerror 속성을 추가해서 디폴트 이미지를 보여주게 처리하면 된다. 그런데 background-image 로 처리할 경우, 불러오기 실패했을 때 어떻게 처리해야하나 찾아봤더니 생각보다 너무 쉽고 간편하고 명확한 방법이 있었다. .bg-item1{ background-image: url('../../images/home/main/main-b-2.png'), url('../../images/home/main/main-b-1.png'); } 이렇게 ..

프론트엔드 2019. 8. 30. 01:31
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 리액트훅
  • REACT
  • chartjs
  • til
  • 프론트엔드
  • frontend
  • Component
  • Python
  • axios
  • ReactNative
  • 상태관리
  • Docker
  • vue-meta
  • ES6
  • Vuex
  • jsconf
  • 인프런
  • vue-cli
  • EventLoop
  • 우아한테크러닝
  • js
  • prerender-spa-plugin
  • nodejs
  • promise
  • vue-router
  • vuejs
  • JavaScript
  • vue
  • typeScript
  • asyncawait
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바