box-shadow：inset 1px 1px 0px 0px white在IE8中不起作用

Question

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

这在IE9，FF和Chrome中运行良好。但是在IE8中它不起作用我需要凹陷边框

我需要像上图一样获得边框。这在IE8中不起作用。我试过这段代码

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');

上面的代码使用了IE8的阴影强度和方向但是当我使用它时不是 获得所需的输出。我还使用了Microsoft.Glow和Microsoft.Dropshadow这两个属性也无效。当我应用此代码时，它应用于单元格的所有4个边但我只需要单元格的左上角。

Answer 1

让我们使用这段代码？

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);

}