嗨,我正在浏览一个网站,他们使用了一个非常独特的(根据我的)背景。他们将颜色与图像混合并将其用作背景。图像就像
然后他们在里面混合了一些黄色,它变成了这样
当我浏览代码时,他们正在使用类似这样的东西
background: #f6b93c url(bg1.png);
但这对我不起作用!请帮帮我?
这不过是一种简写语法
background: #f6b93c url(bg1.png);
所以上面的代码只是意味着
background-color: #f6b93c;
background-image: url(bg1.png);
有关background
速记语法的更多信息
具有透明度和 bg 颜色的 png 图像可以解决问题,
否则,如果它是 jpeg,颜色将填充其余部分(例如:在 div 中),图像不会覆盖。
发生了什么background: #f6b93c url(bg1.png);
填充颜色#f6b93c
然后在该位置图像的顶部,所以它是一个 %0%(例如)透明图像,这将最终得到两者的混合
图片 bg1.png 似乎不在 baseurl 中。您应该尝试相对网址。例如。如果您在“图像”文件夹中有图像,则“图像/bg1.png”应该可以工作。
使用最新的 CSS3 技术,可以创建纹理背景。看看这个: http: //lea.verou.me/css3patterns/#
但它仍然局限在这么多方面。并且浏览器支持也没有准备好。
你最好的选择是使用小纹理图像并重复该背景。你可以在这里得到一些很好的准备使用纹理图像: