상자 그림자 IE8이 IE8에서 작동하지 않습니다.

모든 관련 항목을 살펴본 결과 솔루션을 찾을 수 없어서이 질문을 만들었습니다. Im은 IE8에서 box-shadow를 구현하려고합니다. 그리고 작동하지 않습니다. IE9 +에서 작동합니까?상자 그림자 IE8이 IE8에서 작동하지 않습니다.

<span id="controls" class="box-shadow"> 
<input id="start" type="text" placeholder="Get Directions: Enter Address or Postcode"/> 
<input id="end" type="hidden" value="Text" /> 
</span>

그리고 CSS :

#controls.box-shadow{ 
background-color: white; 
font-size: 13px; 
position: relative; 
padding: 5px; 
z-index: 10000; 
float: right; 
height: 35px; 
width: 96%; 
margin-left: 20px; 

} 
.box-shadow{ 
box-shadow: 0px 0px 15px 0px #232361; 
-moz-box-shadow: 0px 0px 15px 0px #232361; 
-webkit-box-shadow: 0px 0px 15px 0px #232361; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#232361')"; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#232361'); 
} 
#start{ width:82%; height:27px; border:none; padding:5px}

출처

2014-11-19 Eimantas Baigys

박스 섀도우는 CSS3 기능이며 IE8에서는 지원되지 않습니다. 어떤 해결 방법이 자신을 작동하게 만들지는 모르지만 여기에있는 누군가가 어떤 트릭을 알게 될 것입니다. – Zack

상자 그림자는 IE8에서 기본적으로 작동하지 않습니다하지만 당신은 CSS3에 대한 polyfill을 사용할 수 있습니다. http://css3pie.com/

당신은 당신이 참조 할 수 있습니다, 당신이 제 3 자 플러그인을 사용하지 않으려면 그렇게

.box-shadow { 
    box-shadow: 0px 0px 15px 0px #232361; 
    -moz-box-shadow: 0px 0px 15px 0px #232361; 
    -webkit-box-shadow: 0px 0px 15px 0px #232361; 
    behavior: url(PIE.htc); 
}

출처

2014-11-19 13:31:47

이'behavior : url (PIE.htc);는 외부 파일인가? :) –

@EimantasBaigys 네, 외부 파일입니다. polyfill 또는 polyfiller는 개발자가 개발자가 기본적으로 제공 할 것으로 기대하는 기술을 제공하는 코드 (또는 플러그인)입니다. –

다음은 사용할 수있는 많은 polyfill 목록입니다. https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills –