Css 带有图像和颜色的html背景

嗨，我正在浏览一个网站，根据我的背景，他们使用了一种非常独特的方法。他们将一种颜色与图像混合，并将其用作背景。图像就像

然后他们在里面混合了一些黄色&变成这样

background: #f6b93c url(bg1.png);

当我浏览代码时，他们使用的是这样的东西

background: #f6b93c url(bg1.png);

但这对我不起作用！

---

请帮帮我？

那只是一种简写的语法

background: #f6b93c url(bg1.png);

因此，上面的代码只是表示

background-color: #f6b93c;
background-image: url(bg1.png);

有关速记语法的详细信息

background: #f6b93c url(bg1.png);

---

这只不过是一种简单的语法

background: #f6b93c url(bg1.png);

因此，上面的代码只是表示

background-color: #f6b93c;
background-image: url(bg1.png);

有关速记语法的详细信息

background: #f6b93c url(bg1.png);

---

有透明度和bg颜色的png图像就可以了

否则，如果它是jpeg， 颜色将填充零件的其余部分例如：在div中，图像无法覆盖

在这种背景下发生了什么：f6b93c urlbg1.png；

---

填充颜色f6b93c，然后在该位置的顶部填充图像，例如，透明图像的填充率为%0%，最终将混合具有透明度的png图像和bg颜色

否则，如果它是jpeg， 颜色将填充零件的其余部分例如：在div中，图像无法覆盖

在这种背景下发生了什么：f6b93c urlbg1.png；

---

填充颜色f6b93c，然后在图像的顶部，例如透明图像的颜色为%0%，这将以两者的混合器结束。使用最新的CSS3技术，可以创建纹理背景。看看这个：

但是它在很多方面还是有局限性的。而且浏览器支持也还没有准备好

最好的办法是使用小纹理图像，并对该背景进行重复。您可以在此处获得一些很好的现成纹理图像：

---

使用最新的CSS3技术，可以创建纹理背景。看看这个：

但是它在很多方面还是有局限性的。而且浏览器支持也还没有准备好

最好的办法是使用小纹理图像，并对该背景进行重复。您可以在此处获得一些很好的现成纹理图像：

---

---

图像bg1.png似乎不在baseurl中。你应该试试相对url。例如，如果“images”文件夹中有图像，则images/bg1.png应该可以工作。

图像bg1.png似乎不在baseurl中。你应该试试相对url。例如，如果您在“images”文件夹中有图像，images/bg1.png应该可以使用。

如果您尝试过此方法，请在中共享您的代码jsfiddle@Fags你读过他的问题吗？如果你试过这个，请在中分享你的代码jsfiddle@Fags你读过他的问题了吗？这并不是什么意思。其他值将设置回其默认值。给定一个有效声明，对于每个层，速记首先将“背景图像”、“背景位置”、“背景大小”、“背景重复”、“背景原点”、“背景剪辑”和“背景附件”中每一个的对应层设置为该属性的初始值，然后在声明中为该层指定任何显式值。最后，将“背景色”设置为指定的颜色（如果有），否则设置为其初始值。-@昆汀：是的，是这样的，但这是一种将颜色和图像一起声明的简捷方法：他们中的许多人对这种语法有错误的印象，他们认为它是多重的backgrounds@user2131695是的，我们得到了你，这只是覆盖在背景色的图像，看看我分享的演示，如果你不能让它工作，可能是图像路径不正确或图像不透明谢谢！我猜图像的透明度有问题！这并不完全是这个意思。其他值将设置回其默认值。给定一个有效声明，对于每个层，速记首先将“背景图像”、“背景位置”、“背景大小”、“背景重复”、“背景原点”、“背景剪辑”和“背景附件”中每一个的对应层设置为该属性的初始值，然后在声明中为该层指定任何显式值。最后，将“背景色”设置为指定的颜色（如果有），否则设置为其初始值。-@昆汀：是的，是这样的，但这是一种将颜色和图像一起声明的简捷方法：他们中的许多人对这种语法有错误的印象，他们认为它是多重的backgrounds@user2131695是的，我们得到了你，这只是覆盖在背景色的图像，看看我分享的演示，如果你不能让它工作，可能是图像路径不正确或图像不透明谢谢！我猜图像的透明度有问题！好的，那是因为它是一个有透明度的png图像，所以因为我们设置了bg颜色，它显示了两者的混合体。我得到了它，但为什么它没有发生在我这边。请检查这把小提琴，并建议任何变化是你的png在某种程度上是透明的。？是的，我已经从该网站本身下载了！尝试代码locall

---

Y可能是图像链接有一些问题，它对我来说非常适用于相同的图像，相同的代码OK，这是因为它是一个具有透明度的png图像，所以因为我们设置了bg颜色，它显示了两者的混合..我得到了它，但为什么它没有发生在我这边。请检查这把小提琴，并建议任何变化是你的png在某种程度上是透明的。？是的，我已经从该网站本身下载了！在本地尝试代码！可能是图像链接的一些问题，它对我来说非常适合使用相同的图像，相同的代码