I have an issue with gettting PIE to work correctly. I have a few elements that depend on PIE and the problem is on ie 9 the box shadow does not work but it works in ie7 and 8. Also on ie 8 my menu and my wrapper div display properly but a second div does not.
Code:
/* this works in ie 8 and 7 for box shadow but not ie 9 */
.container_content{
height:auto;
clear: left;
position: relative;
z-index: 2;
padding: 2em 1em;
border: 1px solid #CCC;
background: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #CCC 0 0 .25em;
-moz-box-shadow: #CCC 0 0 .25em;
box-shadow: #CCC 0 0 .25em;
behavior: url(../pie/PIE.php);
}
/* this works in ie 9 and 7 but not ie 8 */
.blue{
position:relative;
background: -webkit-gradient(linear, 0 0, 0 70%, from(#3b72ae), to(#6bacf4));
background: -webkit-linear-gradient(#3b72ae, #6bacf4 70%);
background: -moz-linear-gradient(#3b72ae, #6bacf4 70%);
background: -ms-linear-gradient(#3b72ae, #6bacf4 70%);
background: -o-linear-gradient(#3b72ae, #6bacf4 70%);
background: linear-gradient(#3b72ae, #6bacf4 70%);
-pie-background: linear-gradient(#3b72ae, #6bacf4 70%);
behavior: url(../pie/PIE.php);
}
.green{
position:relative;
background: -webkit-gradient(linear, 0 0, 0 70%, from(#d7eecc), to(#eef6ea));
background: -webkit-linear-gradient(#d7eecc, #eef6ea 70%);
background: -moz-linear-gradient(#d7eecc, #eef6ea 70%);
background: -ms-linear-gradient(#d7eecc, #eef6ea 70%);
background: -o-linear-gradient(#d7eecc, #eef6ea 70%);
background: linear-gradient(#d7eecc, #eef6ea 70%);
-pie-background: linear-gradient(#d7eecc, #eef6ea 70%);
behavior: url(../pie/PIE.php);
}
I can't figure out how to get it to work correctly and I have been trying for 2 days. Any help will be appreciated
Forums
