css3 线性渐变背景图像在 Opera 11.11 中不起作用

Question

Opera 11.10 Ubuntu 10.04 64 位：工作

Opera 11.11 Windows 7 64 位：不工作

background-color: #D22027;
background-image:         linear-gradient(bottom, #D22027, #444444);
background-image:    -moz-linear-gradient(bottom, #D22027, #444444);
background-image: -webkit-linear-gradient(bottom, #D22027, #444444);
background-image:      -o-linear-gradient(bottom, #D22027, #444444);

有什么想法吗？

Answer 1

你的渐变代码是错误的，它不是图像，

background:         linear-gradient(bottom, #D22027, #444444);
background:    -moz-linear-gradient(bottom, #D22027, #444444);
background: -webkit-linear-gradient(bottom, #D22027, #444444);
background:      -o-linear-gradient(bottom, #D22027, #444444);

现在它们在 safari、crome、opera、opera next、IE 和 firefox 中为我工作。
并添加这些以实现兼容性

/* Chrome before 10,Safari4+ */
background: -webkit-gradient(bottom, #D22027, #444444);
/* IE10 */
background:     -ms-linear-gradient(bottom, #D22027, #444444);

，您可以使用
http://www.colorzilla.com/gradient-editor/
用于快速创建高兼容梯度和/或用于学习。