html背景图像＆amp;颜色

Question

您好，我正在浏览一个网站，他们使用了非常独特的（根据我）背景。他们将颜色与图像混合并将其用作背景。图像类似于

然后他们混合了一些黄色和它它变成了这个

当我查看代码时，他们正在使用类似的东西

background: #f6b93c url(bg1.png);

但它对我不起作用！ 请帮帮我？

Answer 1

这只是一个简短的语法

background: #f6b93c url(bg1.png);

所以上面的代码只是意味着

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

有关background简写语法

的更多信息

Demo

Answer 2

具有透明度和bg颜色的png图像可以解决问题，

否则如果是jpeg，  颜色将填充部分的其余部分（例如：在div中），图像不会覆盖。

这个background: #f6b93c url(bg1.png);发生了什么 填充颜​​色#f6b93c然后在该位置顶部的图像，所以这是一个％0％（例如。）透明图像，这将最终与两者的混合器

Answer 3

采用最新的CSS3技术，可以创建纹理背景。看看这个：http://lea.verou.me/css3patterns/#

但它仍然局限在很多方面。浏览器支持也没那么准备好。

您最好的选择是使用小纹理图像并重复该背景。你可以在这里准备好使用纹理图像：

http://subtlepatterns.com

Answer 4

图片bg1.png似乎不是在baseurl中。你应该尝试相对网址。例如。如果您在'images'文件夹中有图像，“images / bg1.png”应该有效。