Question

我试图用透明的线性渐变色调图像。开发工具说我的财产无效。如果我摆脱了渐变，图像显示正常。有什么我想念的吗？

body {
    background: linear-gradient (rgba(255,0,0,0.45),rgba(255,0,0,0.45)),
                url('Fabric-4.png');
    font-family: 'Oswald', sans-serif;
    font-size: large;
}

Answer 1

使用css gradient propery时，您需要为不同的浏览器使用前缀，检查此代码。

body { 
  background: -webkit-linear-gradient(rgba(255,0,0,0.45), rgba(255,0,0,0.45));
  font-family: 'Oswald', sans-serif;
  font-size: large;
}

Answer 2

这只是因为你的标记失败了。你有一个太多的空间。删除linear-gradient和(之间的空格，您将看到问题已排序。我在下面添加了工作代码，并根据自己的喜好进行了标记。

Here's a pen with the working example (and a different image).尝试在笔中添加实时空间，然后看到所有内容再次消失。：）

body {
    background: 
        linear-gradient(
            rgba(255,0,0,0.45),
            rgba(255,0,0,0.45)),
            url('Fabric-4.png');
    font-family: 'Oswald', sans-serif;
    font-size: large;
}

用线性渐变着色背景图像不起作用

2 个答案: