로고나 특정 이미지를 css background로 처리하는 이유?
본문
안녕하세요.
가끔 보다보면 여러 사이트에서 로고나 특정 이미지를 처리할 때 <img src=""> 가 아니라
css로 background 처리하는 경우를 많이 봤습니다.
로고나, 특정 이미지가 들어갈 자리에 <img src="/img_blank.gif"> 와 같은 투명한 이미지를 넣어두고
css background로 이미지를 불러오는 경우입니다.
왜 img 태그로 처리하지 않고 css로 처리하는지가 너무 궁금합니다.
혹시 이유가 "그냥" 은 아니겠죠?
답변 3
반응형에서도 배경화면등이 pc일때나 모바일때 바껴야할때 미디어쿼리로 background 바까주는게 훨 편하죠..
로고나 아이콘등 수십개의 작은 이미지들을
한개의 파일로 만들어두고
background position 으로 위치를 잡아주어 표기하는 경우가 있겠네요
간혹 로고나 이런걸 변경해야 되는 상황에서 직접적인 페이지 수정이 어려워 css 만 수정하는 형태로 하는 경우도 있더라구요. php 말고, jsp 나 등등에서,,
답변을 작성하시기 전에 로그인 해주세요.