CSS 표현식 대 인터넷 익스플로러 용 필터 및 자바

Question

CSS 표현식과 CSS 필터의 차이점은 무엇입니까?

페이지 속도가 모두 나쁜가요?

다른 브라우저의 순수 CSS에서는 가능하지만 CSS 표현식이나 CSS 필터 또는 Javascript를 통해서만 가능할 경우. 그런 다음 페이지 속도와 관련하여 항상 Javascript로 이동해야합니다.

자바 스크립트는 CSS Filter 또는 Expression 솔루션보다 렌더링 속도가 빠릅니까?

---

업데이트 페카의 대답 CSS 표현은 피해야한다, 그래서

확인 후, 그것은 분명하다.

는 이제 필터

의

예

#myElement { 
    opacity: .4; /* other browsers */ 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
} 

IE6에서 PNG 투명도를 얻으려면 및 IE 6,7,8의 일부 CSS 3 효과 우리는 CSS IE Filters

를 사용할 수있는 필터에 대해 알고 싶은

http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

및 일부 자바 스크립트 대체품도 있습니다.

자바 스크립트가 CSS 필터보다 렌더링 속도가 빠릅니까?

참고 :filter 속성이 유효한 CSS

Answer 1

당신이 IE6의 CSS 식을 참조하는 경우되지 않습니다, 당신은 완전히 그 드롭 및 jQuery를 사용해야합니다.

IE CSS는 따라 조금 더 편리

있어,

• 이 discontinued by Microsoft
• jQuery를 할 수없는 아무것도 달성하지 않았습니다 7
• 까지 IE에서만 작동하는 데 사용 연산 식 this으로 변경하려면 JavaScript를 사용하도록 설정해야합니다.
• 결론적으로 잘못된 생각이었습니다.

Answer 2

이전 버전의 IE에서는 CSS 필터 또는 CSS 표현식을 사용할 수있는 선택 사항 인 경우 필터가 더 적합합니다.

그러나, 나는 당신이 필터 또는 식의 선택이 하나의 시나리오를 생각할 수 없다.

표현식이 으로 항상 (예 : mousemove)으로 계산되므로 표현식보다 일반 자바 스크립트를 선호해야합니다.일반 자바 스크립트를 사용하면 코드가 실행되는 시간 (예 : onload 또는 onresize)을 제어 할 수 있습니다.

는 구글 document on the subject 참조 :

CSS 표현이 렌더링 성능 저하를; 대체품으로 바꾸면 IE 사용자를위한 브라우저 렌더링이 향상됩니다.

주 :이 섹션이 모범 사례 CSS 표현을 지원하는 7 통해서만 인터넷 익스플로러 5에 적용됩니다. CSS 표현식은 Internet Explorer 8에서는 이 사용되지 않으며 다른 브라우저에서는 지원되지 않습니다. 입니다.

---

필터가 IE에서 사용되는 일들이 종종 그들을 대체 할 수있는 방법이 없습니다.

자바 스크립트가 필터를 동적으로 적용하기 때문에 "자바 스크립트 사용"방법이 없습니다. 이것은 투명도의 경우이며, rgba 그래디언트 필터 해결 방법입니다. 귀하의 편집에 대응

---

:

가능한 일부 자바 스크립트 대안도 있습니다.

CSS 필터보다 렌더링에서 Javascript가 더 빠릅니까? article 당신이 링크에서

는 해결의 아무도는 filter 솔루션 및 (편의를 위해 바로 자동으로 동일한 filter을 적용 할 것들) 자바 스크립트 솔루션이 없습니다.