CODEWITHSUNDEEP
cssinternet-explorer-8
user2211918
user2211918

Reputation: 91

box-shadow: inset 1px 1px 0px 0px white not working in IE8

box-shadow: inset 1px 1px 0px 0px white;

This is working fine in IE9, FF and chrome. But in IE8 its not working I need to have sunken border

enter image description here

I need to get the border as in above image. This is not working in IE8. I have tried this code

filter:
 progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='white'),
 progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=90, Color='white'),
 progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='white'),
 progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=270, Color='white');

The above code uses shadow for IE8 with strength and direction but when I use this am not getting the desired output. I had also used Microsoft.Glow and Microsoft.Dropshadow both these properties also not working. When I apply this code its applying to all 4 sides of a cell but I need only for top and left corner of a cell.

Upvotes: 1

Views: 992

Answers (1)

Kheema Pandey
Kheema Pandey

Reputation: 10275

Lets use this code? 

body{background:black;}
div {
    box-shadow: inset 3px 3px 4px #ffffff;
    background:aqua;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5);

}

Upvotes: 1

Related Questions