如何用css制作45度线背景？

Question

使用CSS或CSS3，我如何制作以下背景？

如果可能，我希望ie6,7,8支持。我可以使用基于javascript的工具来模拟旧浏览器的CSS3（如css3pie）。

Answer 1

  

如果可能的话，我希望ie6,7,8支持。

使用背景图片。即使您可以使用纯CSS3为背景创建这样的模式（我非常怀疑这是可能的），使用一堆JavaScript库并不仅仅是为了让它在IE的那些版本中工作也不值得。

Answer 2

I use this. 然后你只做背景图片：url（blahblahblah.gif）

你还在支持IE6吗？没有IE6支持就很容易。 IE真的很糟糕，因为你需要使用图像，但是这里也是CSS。

background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);

我知道这可能与你的形象不符。对不起，但是我的作品阻止了您的图像主机，因此您必须从此处进行解释。这适用于webkit浏览器和FF3.6，对于不兼容的浏览器，它将回退到background-color中指定的颜色。

Answer 3

您必须使用重复纹理方块。找一个小ping并使用重复的背景。