sweettielicious
05-06-2010, 01:56 AM
Hi I need help with my codes please. I'm trying to create left and right dropshadow on my divs which I get right for any browser except for the IE browser which I only get the right and bottom shadow for IE browsers.
Can anybody please help me how I can show a left shadow when I view it on IE browsers? Thanks so much.
Heres the code I use below:
.shadow
{
-moz-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
-webkit-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc');
}
Can anybody please help me how I can show a left shadow when I view it on IE browsers? Thanks so much.
Heres the code I use below:
.shadow
{
-moz-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
-webkit-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc');
}