css - 我使用的框阴影的颜色在 Microsoft Edge 或 IE 11 中未显示

Question

我有一个主要是白色和灰色的图案，我正在使用框阴影属性应用蓝色滤色器以通过 CSS 赋予它颜色。此效果适用于 firefox 和 chrome，但我无法在 IE11、Edge 和 Facebook 浏览器上看到它的反射(reflect)。

这是我的代码:

.content-space-two {
    position:relative;
    padding: 0px;
    margin-bottom: 0px;
    color: inherit;
    background: url('../../assets/patternBackground.jpg') no-repeat center 
    center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 800px; 
    -webkit-box-shadow:inset 0 0 0 2000px #1b557ef5;
    -moz-box-shadow: inset 0 0 0 2000px #1b557ef5;
    box-shadow:inset 0 0 0 2000px #1b557ef5;
    -ms-box-shadow:inset 0 0 0 2000px #1b557ef5;
    filter: drop-shadow(0px 0px 0px 2000px #1b557ef5);
}

Answer 1

#1b557ef5 不是有效的十六进制颜色。有效的十六进制颜色由 6 个字符/数字组成(或在某些情况下为 3 个)。