IE11, Edge 에서 CSS 배경이미지 SVG 사용 제목이 조금 혼란스러울 수 있으니 다시 한 번 설명하며 아래와 같습니다. 인터넷익스플로러 11 버전과 엣지(Edge) 브라우저에서 SVG 이미지를 CSS로 배경에 넣고 싶을 때는 다른 브라우저와 다르게 Base64로 인코딩해서 입력해야 한다는 것을 정리해봅니다. 일단 왜 2개의 브라우저만 문제를 가지는지 잘 모르겠지만 브라우저가 그렇게 하라는데 웹 개발자가 힘이 있나요. 그렇게 해야죠 :-) 아래와 같은 SVG 파일이 있다고 가정하겠습니다. 일러스트레이터에서 이미지를 쉽게 SVG로 저장할 수 있는데요. 저장된 SVG에서 불필요한 부분을 삭제한 것입니다. 일반적인 브라우저에서는 아래와 같은 CSS로 해당 SVG를 배경이미지로 사용할 수 있습니다. background-image: url('data:image.. 더보기 이전 1 다음