背景渐变不会在chrome中呈现

时间:2014-07-14 09:52:00

标签: html css css3

这是我的css代码,

background: radial-gradient(ellipse farthest-corner at 0 100% , rgba(35, 24, 82, 0.22) 10%, rgba(138, 114, 76, 0) 40%) repeat scroll 0 0%, -moz-linear-gradient(center top , rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%) repeat scroll 0 0%, -moz-linear-gradient(-45deg, #670D10 0%, #092756 100%) repeat scroll 0 0 rgba(0, 0, 0, 0), -webkit-linear-gradient(center top , rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%) repeat scroll 0 0%, -webkit-linear-gradient(-45deg, #670D10 0%, #092756 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)

同样在Firefox中运行得非常好,但在Chrome中却没有。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

对于chrome,您必须使用

background: -webkit-gradient(radial, ... )

如果您想在没有跨浏览器问题的情况下创建CSS背景渐变,那么可以使用一个很棒的工具HERE