CSS：创建带纹理的背景 [英] CSS: Creating textured backgrounds

问题描述

我目前正在努力为自己的网站设置图片背景，以使其加载速度足够快。我使用了数据url图像甚至是经过镜像处理的图像，但是由于backgournd图像仍然很大，因此在加载页面时会花费很长时间。 CSS是否可以创建带纹理的背景颜色，如下面的图片所示？这是

但它仍然在很多方面受到限制。而且浏览器的支持还不够好。

您最好的选择是使用小的纹理图像，并重复该背景。您可以在此处获得一些可以立即使用的纹理图像：

http：// subtlepatterns.com

I am currently struggling with setting an image background for my site that will load fast enough. I have used data url image and even optomized images but its taking to long when loading the page since the backgournd-image is still very large. Is it possible with CSS to create a textured background color like the one in the picture below? here is an EXAMPLE

I try it and have not been able to match this:

解决方案

with latest CSS3 technology, it is possible to create textured background. Check this out: http://lea.verou.me/css3patterns/#

but it still limited on so many aspect. And browser support is also not so ready.

your best bet is using small texture image and make repeat to that background. you could get some nice ready to use texture image here:

http://subtlepatterns.com

这篇关于CSS：创建带纹理的背景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！