CSS3를 사용하여 IE9에서 요소를 회전하는 방법 ?

CSS3 회전: 회전; IE9에서 변환

여러 브라우저에서 CSS3 속성을 사용하려고 할 때 호환성 문제에 직면하는 것은 일반적인 문제입니다. CSS3 변환을 사용하여 Internet Explorer 9(IE9)에서 요소를 회전하려고 할 때 이러한 문제 중 하나가 발생합니다.

IE9는 필터 속성을 사용하는 IE7 및 IE8에서와 마찬가지로 CSS3 변환 속성을 기본적으로 지원하지 않습니다. 그러나 공급업체 접두사를 사용하면 이 제한을 극복할 수 있습니다.

CSS3을 사용하여 IE9에서 요소를 회전하려면 다음 구문을 사용하세요.

-ms-transform: rotate(10deg);

"-ms-" 접두사는 다음을 의미합니다. 해당 스타일은 IE9와 같은 Microsoft 기반 브라우저용입니다.

변환 적용: 회전; 공급업체 접두어가 없는 요소에 추가하면 해당 요소가 IE9에서 투명해질 수 있습니다. 또한 필터 속성은 IE9에서 더 이상 사용되지 않으므로 사용하면 안 됩니다.

추가 리소스를 보려면 다음 링크를 참조하세요.

• http://css3please.com/: 모든 브라우저에서 다양한 CSS3 기능을 테스트할 수 있는 곳입니다.
• www.canIuse.com/#search=rotation: 브라우저 지원을 요약한 표 회전을 포함한 다양한 CSS 기능에 사용됩니다.
• CSS Sandpaper: 이전 버전의 IE에서 표준 CSS 변환을 지원할 수 있는 해킹입니다.

위에 설명된 기술을 사용하면 다음이 가능합니다. CSS3 변환을 사용하여 IE9에서 요소 회전을 달성하여 브라우저 간 호환성을 보장하고 원하는 디자인 미학을 유지합니다.

위 내용은 CSS3를 사용하여 IE9에서 요소를 회전하는 방법 ?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!