1

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

背景与 45 度线

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

4

3 回答 3

2

如果可能的话，我想支持ie6、7、8。

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

于 2011-09-02T15:52:22.193 回答
1

我用这个。 然后你就做 background-image: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为不兼容的浏览器指定的颜色。

于 2011-09-02T15:52:25.307 回答
-1

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

于 2011-09-02T15:50:05.377 回答