html - box shadow doesn't display in IE -
interncup-thc.ucoz.com
under brackets, around text should have been green shadow on chrome/firefox displays on ie doesn't. have ie 10
what's wrong? trying fix 1 day already.
you going have change html detects if ie or not , applies corresponding class necessary. add lot more css, going have necessary ie compatibility.
if want cover versions of ie following:
replace <body>
tag this:
<!--[if lt ie 7 ]><body class="ie6"><![endif]--> <!--[if ie 7 ]><body class="ie7"><![endif]--> <!--[if ie 8 ]><body class="ie8"><![endif]--> <!--[if ie 9 ]><body class="ie9"><![endif]--> <!--[if (gt ie 9) ]> <body class="modern"><![endif]--> <!--[!(ie)]><!--><body class="notie modern"> <!--<![endif]-->
and apply example:
body.ie6 #box, body.ie7 #box, ody.ie8 #box { /* contains color of shadow in css3 syntax */ background: #cccccc; /* contains blur-radius in css3 syntax */ zoom: 1; filter:progid:dximagetransform.microsoft.blur(pixelradius=5); /* must remove border in ie, since replaced in next rule */ border: none;
here reference on how simulate css3 box-shadow in ie6-8 without javascript.
Comments
Post a Comment