我有一个主要是白色和灰色的图案,并且我正在使用box shadow属性来应用蓝色滤镜以通过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);
}

最佳答案

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

关于css - 我使用的框阴影的颜色未在Microsoft Edge或IE 11中显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48083515/

10-13 01:46