javascript - 如何创建与此类似的背景

Question

有谁知道如何创建这样的背景？是否可以仅使用 CSS 来完成？

我选择了 ZURB Foundation 作为我的 CSS 和 JS 框架，所以包括它在内的任何建议都是完美的。

任何方向，教程和任何东西都会是完美的！

编辑 我不是在问如何使用background-*，而是如何为它设置动画。从 Chrome 中查看时，图像显示一个正方形，其他人开始圈出它。

Answer 1

他们在背景+背景颜色上有这张图片。您可以使用 css 'background' 属性设置背景

Answer 2

本站背景使用此图片；它不是纯 CSS。它本质上是在#8fc4f8其上施加并重复的半透明图像的颜色。这是完整的样式：

div {
    background-position: 0px 0px;
    background-repeat: repeat;
    background-color: #8fc4f8;
    background-image: url(' http://showcase.sproutcore.com/static/showcase/en/a32a0e14e8223a19249778c2853693481ab603ac/stylesheet-resources/images/pixels.png');
}

Answer 3

css {

background-image: url(someImage.png);
background-repeat: repeat;
background-color: blue;
}

png 图像具有透明度。您可以右键单击浏览器并在Firefox中选择“查看背景图像”以查看图像。图像看起来像一个被拉伸的小图像，导致像素被拉伸成块。