에서 정의한

2017-05-02 1 views 1 likes

(#ID에 의한) 마크 업에 정의 된 사용 SVG 이미지는 CSS에서이 SVG를 사용하는 방법, 예를 들어,가 CSS 배경으로?CSS : 내가 SVG 내 마크 업</p> <pre><code><html> .... <svg id="my-svg">.....</svg> .... </html> </code></pre> <p>에서 정의한

.a-div { 
    background: url(#my-svg); 
}

2017-05-02 edo

답변

위에서 수행하려는 작업을 수행 할 수 없습니다.

이

.a-div { 
    background: url(my-vector-image.svg); 
}

당신이 here에 대한 자세한 내용을보실 수 있습니다 : 가장 가까운 가능한 해결책은 자체 파일 (예를 들어 my-vector-image.svg)에서 SVG를 저장하고 다음 CSS를 사용하는 것입니다.

2017-05-02 14:41:26

다른 색상으로 페이지의 여러 위치에서 동일한 이미지가 나타납니다. 어떻게 그런 식으로 살아갈 수 있을지에 대한 암시가 있습니까? – edo

솔직히 그렇게하는 가장 쉬운 방법은 여러 개의 svg 파일을 만드는 것입니다. 불행히도 페이지로드 속도는 빨라지 겠지만, svg optimizer/압축기를 통해 실행하면 잘되지 않을 것입니다. –