background image fallback 처리

img 엘리먼트를 사용하면 이미지를 불러오다 실패할 경우 onerror를 정의해 대체 이미지를 보여주거나 추가 작업을 할 수 있다.

이번에 관련된 작업을 하면서 img 엘리먼트는 앞서 말한 것처럼 fallback 처리를 하였는데, 반면 background에 대해 fallback 처리를 어떻게 하나 난감해 찾아보니 아래와 같은 방식으로 fallback 처리를 하였다.

background: url('myimage.gif'), url('fallback.gif');

만약 myimage.gif를 불러오지 못했다면 fallback.gif를 볼 수 있다. 하지만 이 방법을 사용하면 myimage.gif를 불러왔다 하더라도 fallback.gif를 다운받는다.(이미지를 복수로 할당하는게 fallback 용도를 위한게 아니다.)

background: image('myimage.gif', 'fallback.gif');

CSS3를 사용할 수 있다면 위와 같은 방식을 사용할 수 있다. 관련된 내용은 image() notation에서 확인할 수 있다.

SmileCat

SmileCat
How do you define yourself?

[Openlayers] Render Event 정리

## 이벤트### [Map](http://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)| event | module | note || :--: | -- | -- || [postcompose](...… Continue reading