CSS-阴影问题

Question

我正在使用drop-shadow属性。它在Internet Explorer以外的浏览器中都可以正常工作。对我来说，这很重要，它可以在Internet Explorer 11中工作。我能做什么？预先感谢。

.nb-view-project-image {
  max-width: 315px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ff4040;
  filter: drop-shadow(5px 5px 5px #222);
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  -ms-filte: drop-shadow(5px 5px 5px #222);
}

<div class="nb-view-project-image"></div>

Answer 1

尝试使用此CSS：

.nb-view-project-image {
  max-width: 315px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ff4040;
  box-shadow: 5px 5px 5px #222;  
}

Answer 2

尝试使用：

-moz-box-shadow: #222 5px 5px 5px;
box-shadow: 5px 5px 5px #222;

或者：

-webkit-box-shadow: #222 5px 5px 5px;
box-shadow: 5px 5px 5px #222;

Answer 3

您也可以尝试使用以下代码：

.nb-view-project-image {
    background: red;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    margin: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
}