html - box-shadow IE8 not working on IE8 -


i've relevant topics not find solution created question. im trying implement box-shadow on ie8 , not working.. works on ie9+?

i have simple 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> 

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

box-shadow doesn't work natively in ie8 can use polyfill css3.

here's working example: http://css3pie.com/

you need apply polyfill element so

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

Comments

Popular posts from this blog

java - Oracle EBS .ClassNotFoundException: oracle.apps.fnd.formsClient.FormsLauncher.class ERROR -

c# - how to use buttonedit in devexpress gridcontrol -

nvd3.js - angularjs-nvd3-directives setting color in legend as well as in chart elements -