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
Post a Comment