CSS3의 접두사는 필요하지 않습니까?

Question

최신 Chrome을 사용하여 웹 사이트를 자주보고있었습니다.

아무 이유없이 단지 Inspect Element을 사용하여 코드를 검색하기 시작했습니다.

몇 가지 드문 일이 생긴 후 나는 아래로 스크롤했습니다. -moz--o--ms--webkit-은 모두 box-shadow을 제외하고 모두 교차되었습니다. 그라데이션, 텍스트 - 섀도우, 트랜지션, 박스 - 섀도우와 같은 모든 단일 CSS3 요소에 대해서도 동일한 일이 발생했습니다.

Chrome에만 해당되는지 궁금합니다. 접두사가있는 곳의 코드 부분을 /*과 */ 사이에 넣습니다. 그런 다음 브라우저 아래에 127.0.0.1을 사용하여 이름을 지정하기 시작했습니다. 모든 접두어없이 원하는 결과를 얻을 수 있습니다.

구글 크롬 28.0.1500.95 -webkit-

인터넷 익스플로러 10.0.9200 -ms-

모질라 파이어 폭스 23.0 -moz-

오페라 15.0.1147.153 -o-

모두가 나에게 말하고 유지하는 이유 , 내가 그 해야합니까? 모든 브라우저에서 지원합니까? (나는이 4 개의 접두어가 모든 브라우저를 포착한다는 것을 의미합니다).

Answer 1

caniuse.com (첫 번째 Google 결과)에 따르면 공급 업체 프리픽스는 Mozilla 및 Webkit 기반 브라우저의 몇 가지 구형 버전을 지원합니다.

링크 : 크롬/오페라의 http://caniuse.com/css-boxshadow

Answer 2

현재 버전은 공급 업체 접두사를 사용되지 않는 한 렌더링 엔진을 사용합니다. 그래서 기술적으로 더 이상 적어도 그것들을 사용할 필요는 없습니다. 그러나 수많은 사람들이 여전히 다른 웹킷 브라우저와 마찬가지로 이전 버전을 사용하기 때문에 여전히 포함시켜야합니다.