CSS-删除阴影问题

Question

我正在使用drop-shape属性。它在除internet explorer之外的浏览器中运行良好。这对我来说很重要。我能做什么？提前谢谢。

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