Question

有没有人知道如何创建像this one这样的背景？是不是可以用CSS做到这一点？

我选择了ZURB Foundation作为我的CSS和JS框架，因此任何包含它的建议都是完美的。

任何指示，教程和任何事情都是完美的！

修改我不是问如何使用background-*，而是如何使用它来制作动画。从Chrome浏览时，图像显示一个正方形，其他正在开始循环播放。

Answer 1

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

Answer 2

本网站的背景使用this image;它不是纯粹的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中选择“查看背景图像”以查看图像。图像看起来像一个伸出的小图像，导致像素拉伸成块。

如何创建一个类似的背景

3 个答案: