CSS를 통해 그라데이션을 렌더링하거나 이미지를 직접로드하는 것이 더 빠릅니다.

내 질문에 대한 이유는 내가 새로운 CSS3 스타일링 기술을 좋아하기 때문이다.하지만 그만한 가치가 있는지는 잘 모르겠다!CSS를 통해 그라데이션을 렌더링하거나 이미지를 직접로드하는 것이 더 빠릅니다.

(하위 질문,?이 페이지에 비네팅 효과를 적용 할 jQuery를 사용할 수 있는지 알고있는 사람)

고마워

2010-06-24 Noor

기울기는 아마 항상 같이 빨리 될 것입니다 HTTP 요청을 저장하고 그래픽 칩이 비트 맵 이미지보다 렌더링을 최적화 할 수있는 가능성을 제공합니다. 나는 이것을 뒷받침 할만한 벤치 마크를 가지고 있지 않지만, 단지 숙고 된 교육 일 뿐이다.

반면에 렌더링 속도가 실제로 중요한지는 잘 모르겠습니다. 현재이 스타일링 기술의 가장 중요한 단점은 모든 브라우저가 아직 그 스타일링 기술을 지원하지 않는다는 것입니다. 구형 Firefox와 IE (적어도 CSS3 속성을 사용할 때)를 지원하지 않을 것입니다. 그리고 이러한 잠재 고객을 지원해야하는 많은 사이트에 대해서는 그 순간이 끝납니다.

관련 : Here은 독점 태그를 사용하는 IE, FF3.6 + 및 Webkit 브라우저에 대한 크로스 브라우저 지원을 요구하는 자습서입니다.

출처

2010-06-24 10:26:05

[필터] (http://msdn.microsoft.com/en-us/library/ms532997(VS.85) .aspx)를 통해 IE6/7/8은 그라디언트를 지원합니다. 물론 모든 상황에 적합하지는 않습니다. 예를 들어, 텍스트 및 이미지에 bork 앤티 앨리어싱을 필터링합니다. –

일부 바보 같은 이유 때문에 나는 여전히 사람들이 여전히 그들을 사용하는 것을 의식적으로 싫어하기 때문에 그것이 IE 6/7을 사용하는 사람들을 무시하는 경향이 있습니다. 하지만 나는 네가 옳다는 것을 인정해야하지 않아야한다. 우리 (개발자/디자이너)가 사이트를 다음 단계로 옮기고 싶다면 모든 프로젝트에 대해 폴백 코딩을 작성해야합니까? 나는 그렇게 생각한다, 약간의 빛을 sheding하는 것에 대해 감사드립니다! – Noor

@Andy 필자는 항상 '필터'명령이 얼마나 강력하고 다재다능한지를보고 놀랐습니다. IE 5.5 이후로 다른 브라우저가이 문제를 해결하기 전부터 지원되었습니다!) 너무 독점적이었습니다. –

성능 문제 외에. 사용자의 브라우저가 CSS3를 지원하지 않는 경우 어떻게합니까?

이미지를 사용하면 누구나 그라디언트를 볼 수 있습니다. CSS3를 사용하는 경우 최신 브라우저를 사용하는 사람들 만 그라디언트를 볼 수 있습니다. 호환성을 위해 이미지를 추천합니다.

출처

2010-06-24 10:27:29

그는 당신을 때렸다! 하지만 고마워! – Noor

CSS를 통해 그라데이션을 렌더링하거나 이미지를 직접로드하는 것이 더 빠릅니다.

답변

관련 문제