2014-09-05 7 views
-1

가능한 한 내 웹 사이트에서 많은 요소에 대해 SVG를 사용하여 SVG 악보에 두발로 뛰어 들었습니다. SVG를 몇 군데에서 배경 이미지로 사용했지만 스크린 샷에서 SVG를 사용하면 문제가 발생합니다. 그 이유는 모르겠습니다.배경 이미지 문제로 SVG

아래의 세 장의 스크린 샷에서 화면을 스크롤하면서 오른쪽 상단의 구름이 잘리는 것을 볼 수 있습니다. 이것은 내 Windows 7 및 Windows 8 컴퓨터의 Chrome에서만 발생합니다. 다른 브라우저는 괜찮아 보입니다.

SVGZ로 전환하면 이미지 문제가 줄어들지 만 제거되지 않는 것처럼 보입니다.

어떤 일이 일어나고 있는지, 어떻게 해결할 지에 대한 의견이나 조언은 많은 감사를드립니다.

Cut off bottom

even more cut off...

+0

PS. 당신은 사이트를 볼 수 있습니다 : [link] (http://cloudsmith.ca)와 여기 이미지 : [link] (http://cloudsmith.ca/img/cloudy-sky.svg) – Mandu

+0

나는 보지 않아요. Win7에서 Chrome 37의 모든 문제 –

+0

일관성이없는 것 같습니다. 가끔은 ... 성가시다. 그것은 내 하드웨어에서 드라이버/비디오 카드 문제 일 수 있습니까? – Mandu

답변

-1

Normal Cloud

당신은 대신 .svg 파일을 사용하는 cloudy-sky.png로 전환 할 수 있습니다.

+0

예 알아요 ...하지만 이미지가 선명하지 않은 포맷을 사용하면 선명하지 않으며 파일 크기가 훨씬 커지기 때문에 (느리게) 오히려하지 않을 것입니다. – Mandu

+0

@Mandu 이전에'svg' 파일에 대해 많은 경험이 없었지만, 아마도 도움이 될 것입니다 : https://www.google.co.uk/search?q=svg%20problems%20chrome? – finbae