开发者

css3 linear-gradient background-image not working in opera 11.11

开发者 https://www.devze.com 2023-03-10 12:51 出处:网络
Opera 11.10 Ubuntu 10.04 64 Bit : WORKING Opera 11.11 Windows 7 64 Bit : NOT WORKING background-color: #D22027;

Opera 11.10 Ubuntu 10.04 64 Bit : WORKING

Opera 11.11 Windows 7 64 Bit : NOT WORKING

background-color: #D22027;
ba开发者_如何学Cckground-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);

Any ideas?


your gradient code is wrong its not a image

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);

now they work for me in safari,crome,opera,opera next,IE and firefox. and add these for compatibility

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

and you can use http://www.colorzilla.com/gradient-editor/ for quick creation of high compatible gradients and/or for learning.

0

精彩评论

暂无评论...
验证码 换一张
取 消