javascript - 投资组合图片未在Mozilla Firefox中加载

我在这里bmfconstruction.com.au/new/有一个wordpress网站，在项目部分中，所有图像都可以在Chrome，Opera，IE中正常加载。图像根本没有加载到Firefox中。经过多个版本测试。我尝试禁用所有的wordpress插件和许多其他功能，但没有任何好处。谁能帮我解决这个问题？

谢谢，
马亨德拉

最佳答案

我认为您的问题可能是过滤器grayscale.svg
因此，尝试更改此代码：

.portfolio-item .portfolio-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    display: block;
    filter: url("grayscale.svg");
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}

对此代码：

.portfolio-item .portfolio-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    display: block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}

或者只是为了容纳Firefox而可能：

.portfolio-item .portfolio-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    display: block;
    filter: url("grayscale.svg");
    -moz-filter: url("grayscale.svg");
    overflow: hidden;
    padding-bottom: 65%;
    position: relative;
}

关于javascript - 投资组合图片未在Mozilla Firefox中加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23105826/