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);
有什么想法吗?
最佳答案
你的渐变代码是错误的它不是图像
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/ 用于快速创建高兼容梯度和/或用于学习。
关于css3 线性渐变背景图像在 Opera 11.11 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6253186/