box-shadow IE8 не работает на IE8

Question

Я смотрю все соответствующие темы, но не смог найти решение, поэтому я создал этот вопрос. Я пытаюсь реализовать коробку-тень на IE8 И ее не работает .. Она работает на IE9 +?

У меня есть простой DIV:

<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} 

Answer 1

Box-тень не работает изначально в IE8, но вы можете использовать polyfill для CSS3.

Вот рабочий пример: http://css3pie.com/

Вы должны применить polyfill к вашему элементу, как так

.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); 
} 

Answer 2

CSS3 box-shadow не поддерживается в IE8 или ниже. Я лично не стал бы беспокоиться о поддержке IE8, но если вам нужно, то у MS есть DropShadow, который был вокруг с IE5.5.

Box Shadow Support

Drop Shadow

Answer 3

, если вы не хотите использовать какой-либо плагин третьей стороны, вы можете обратиться к этому сайт:

http://www.useragentman.com/blog/2011/08/24/how-to-simulate-css3-box-shadow-in-ie7-8-without-javascript/