2016-08-20 5 views
-1

탐색 메뉴를 만들고 SVG 이미지를 사용하고 싶습니다. 내 질문은 간단하지만 모든 곳에서 수색했으며 훌륭한 답변을 찾을 수 없습니다.SVG : 인라인 또는 링크

'a'태그에 포함 된 SVG를 사용하는 것이 더 좋습니다 (사용자 경험, 웹 페이지로드 속도)? 또는 'a'태그에 SVG를 연결 하시겠습니까?

SVG의 색상을 편집하고 호버 효과를 사용하고 싶습니다.

+2

"*** 과 배경 이미지의 문제 ... ** 다음과 같은 두 가지 방법으로 * 할 수있는 것처럼 SVG의 내장을 제어 할 수는 없습니다. * and "*** inline svg ** 이미지가 문서에서 바로 끝나고 추가 HTTP 요청을 할 필요가 없기 때문에 좋을 수 있습니다. 즉, 데이터 URI를 사용할 때와 동일한 이점이 있습니다. 잠재적으로 "비 대한"문서, 저작하려고하는 문서의 큰 쓰레기, 캐시 할 수 없음 * "[css-tricks : svg 사용] (https : // css-tricks .com/using-svg /) –

+0

스택 오버플로에 오신 것을 환영합니다! 이 질문은 의견이 너무 광범위하거나 의견을 기반으로하거나 토론이 필요하므로 스택 오버플로에 대한 주제와 관련이 없습니다. 구체적이고 신뢰할 수있는 프로그래밍 문제가있는 경우 자세한 정보를 제공해주십시오. –

답변

1

CSS로 SVG의 스타일을 지정하려면 SVG를 인라인해야합니다. SVG 파일 자체에 CSS를 추가하지 않는 한 외부 SVG 파일의 스타일을 지정할 수 없습니다.