<分区>
我不知道效果的名称，但这里有一个例子: http://www.uiueux.com/wp/flowfolio/
如果你仔细观察，你会看到一个干净的背景图像，它看起来像第二个背景 - 带有点。这些点不是图像的一部分。
这个效果叫什么名字？
如何用点创建这样的背景？
这也可以用对 Angular 线而不是点来完成吗？
非常感谢!
标签 css image background
<分区>
我不知道效果的名称，但这里有一个例子: http://www.uiueux.com/wp/flowfolio/
如果你仔细观察，你会看到一个干净的背景图像，它看起来像第二个背景 - 带有点。这些点不是图像的一部分。
这个效果叫什么名字？
如何用点创建这样的背景？
这也可以用对 Angular 线而不是点来完成吗？
非常感谢!
最佳答案
它只是一个平铺在背景图像上的微小的半透明背景图像:
http://www.uiueux.com/wp/flowfolio/wp-content/themes/flowfolio/img/bg_mask.png
您只需创建一个元素并将其拉伸(stretch)到您的背景上:
#dots {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('dots.png');
z-index: 1;
}
确保元素的z-index高于背景的z-index，但低于z-index 的内容。这样，它就不会掩盖您的文字。
关于CSS:如何在背景图像上创建线条或点？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14269427/