IE8의 상자 그림자

저는 border-radius, box-shadow 및 linear-gradient와 같은 css3 효과를 사용하는 버튼을 사용하고 있습니다. IE8 이하의 경우 PIE를 사용하여 원하는 효과를 만들었지 만 PIE를 사용하지 않고 IE8에서 상자 그림자가 작동하는 것 같습니다. IE8은 실제로 box-shadow 속성을 지원합니까?IE8의 상자 그림자

출처

2014-03-05 jrcollins

caniuse.com에 따르면 box-shadow는 지원되지 않지만 "비표준"섀도 "필터를 사용하는 이전 IE 버전에서 부분적으로 에뮬레이트 될 수 있습니다. 그래서 -ms-filter 나 filter를 fallback으로 사용한다면 CSS3 box-shadow 선언과 시각적으로 비슷한 방식으로 렌더링 할 것입니다. 그렇지 않은 경우 상자 그림자 지원을 생성하기 위해 다른 polyfill을 사용하고 있는지 확인해야합니다.

IE8's developer tools을 사용하면 어떤 스타일이 인식되고 렌더링되는지 정확하게 볼 수 있습니다.

출처

2014-03-05 00:49:06

' css3 컨테이너 내부에서 PIE가 상자 그림자를 렌더링해야합니다. 나는 이미 border-radius를 위해 이것을 사용하고 있습니다. 그래서 그것은 box-shadow에 대한 url (PIE.htc) 참조와 같은 동작을 사용하고 있습니다. 상자 그림자를 원한다면 별도의 참조를해야한다고 생각했습니다. – jrcollins

사용 상황에 따라 PIE를 사용하여 모든 CSS3 기능을 에뮬레이션 할 가치가 없을 수도 있습니다. 오래된 브라우저의 속도를 늦추어 추가하려는 유용성을 저하시킬 수 있습니다. 우아한 대체 방법이 선호되는 경우가 종종 있습니다 (예 : 그림자가 디자인에 실제로 중요하지 않으면 오래된 브라우저에서 상자 그림자를 렌더링하지 않음). –

그래, 좋은 지적이야. 때로는 시간과 노력의 가치도 없습니다. – jrcollins

IE8의 상자 그림자

답변

관련 문제