0

有谁知道为什么以下 CSS 无法在 Safari 上显示我的背景图片。请注意,此 CSS 在其他浏览器上显示我的背景图片:

.thGridColumnHeader
{
    background-image: url('../Images/Textures/glass.png');
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #1d1d1d;
}

这是其他浏览器上的输出

在此处输入图像描述

这是野生动物园的输出

在此处输入图像描述

4

2 回答 2

3

我刚刚通过在 CSS 类中进行以下调整来解决我的问题。

.thGridColumnHeader
{
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,-o-linear-gradient(top,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.12) 0,rgba(255,255,255,.08) 50%,rgba(255,255,255,.05) 51%,rgba(255,255,255,.0) 100%);
    background-position: 50% 50%;
    background-color: #1d1d1d;
    background-image: url('../Images/Textures/glass.png');
}

我已将下面的代码转移到 CSS 类的最后一部分并且它工作。

    background-image: url('../Images/Textures/glass.png');

这是现在在 safari 上的输出:

在此处输入图像描述

于 2013-06-25T03:41:11.750 回答
2

我在 Safari 下的视差背景图像也有同样的问题。我通过在样式中添加 z-index 来解决它

z-index:-1;
于 2015-01-17T23:12:00.973 回答