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 пиксель, так грустно