CSS3 创建背景图像 = 无效属性值

Question

我正在尝试使用 CSS3 渐变创建斜条纹背景图案，但我似乎无法让它工作。这是我正在使用的代码：

body {
background-color: gray;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px,    rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}

它仅显示纯灰色背景。当我检查元素时，它显示背景图像是无效的属性值。我正在 Mac 上编码，并在 Firefox 13.0.1 和 Chrome v20 上进行了测试。

有谁知道问题是什么？

Answer 1

您的浏览器可能不支持无前缀属性。尝试使用供应商前缀：

\n\n

html, body { \n    min-height: 100% \n}\nbody {\n    background-color: gray;\n    background-image: -webkit-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n    background-image: -moz-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n    background-image: -ms-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n    background-image: -o-repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n    background-image: repeating-linear-gradient( 135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);\n}\xe2\x80\x8b\n

\n\n

小提琴： http: //jsfiddle.net/fefhz/7/

\n