这是我的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中却没有。有什么想法吗?
答案 0 :(得分:1)
对于chrome,您必须使用
background: -webkit-gradient(radial, ... )
如果您想在没有跨浏览器问题的情况下创建CSS背景渐变,那么可以使用一个很棒的工具HERE