CSS Box Shadow вокруг всего Div в IE 11

Я не могу получить box-shadow, чтобы создать тень по всему периметру 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>

2 ответа

Решение

В box-shadow есть четвертый параметр, который позволяет увеличить размер тени и сделать ее более заметной.

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

играть на скрипке

эта проблема вызвана IE 11, когда радиус распространения тени равен 0 пикселей или отсутствует , он не работает в IE11, я не нахожу ответа, чтобы исправить это, только измените радиус распространения тени на 1 пиксель, так грустно

Другие вопросы по тегам