我有一个主要是白色和灰色的图案,我正在使用方框阴影属性应用蓝色过滤器,通过CSS为其着色。这种效果在firefox和chrome上都有效,但我无法在IE11、Edge和Facebook浏览器上看到它的反映。
这是我的代码:
.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);
}