2

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

然后他们在里面混合了一些黄色,它变成了这样在此处输入图像描述

当我浏览代码时,他们正在使用类似这样的东西

background: #f6b93c url(bg1.png);

但这对我不起作用!请帮帮我?

4

4 回答 4

3

这不过是一种简写语法

background: #f6b93c url(bg1.png);

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

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

有关background速记语法的更多信息

演示

于 2013-08-27T11:21:57.000 回答
1

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

否则,如果它是 jpeg,颜色将填充其余部分(例如:在 div 中),图像不会覆盖。

发生了什么background: #f6b93c url(bg1.png); 填充颜色#f6b93c然后在该位置图像的顶部,所以它是一个 %0%(例如)透明图像,这将最终得到两者的混合

于 2013-08-27T11:24:08.760 回答
0

图片 bg1.png 似乎不在 baseurl 中。您应该尝试相对网址。例如。如果您在“图像”文件夹中有图像,则“图像/bg1.png”应该可以工作。

于 2013-08-27T11:57:11.843 回答
0

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

但它仍然局限在这么多方面。并且浏览器支持也没有准备好。

你最好的选择是使用小纹理图像并重复该背景。你可以在这里得到一些很好的准备使用纹理图像:

http://subtlepatterns.com

于 2013-08-27T11:33:12.233 回答