Question

我无法获得框阴影来围绕div的整个周边创建阴影。以下内容适用于FireFox，但不适用于IE 11.

我尝试了以下内容：Internet Explorer - CSS Shadow All Around

这是问题的JSFiddle。 CSS：

 .addAccountPanel
 {
    width:250px; 
    height:200px; 
    margin:auto; 
    background-color: rgba(0,0,0, .2); 
    position:relative; 
    box-shadow: 0px 0px 4px #004C7E;
 }

HTML：

  <div class="addAccountPanel"> </div>

Answer 1

盒子阴影中有第四个参数可让你增加阴影的大小，使其更加明显

.addAccountPanel
    {
        width:250px; 
        height:200px; 
        margin:auto; 
        background-color: rgba(0,0,0, .2); 
        position:relative; 
        box-shadow: 0px 0px 4px 2px #004C7E;
    }

fiddle

Answer 2

这个问题是由IE 11引起的，当shadow-spread-radius为0px或none时，在IE11中不起作用，我没有找到解决它的答案，只将shadow-spread-radius改为1px，所以伤心

在IE 11中整个Div的CSS Box阴影

2 个答案: