框阴影：插入 1px 1px 0px 0px 白色在 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);

}