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

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -