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;  
}