测试CSS3径向梯度供应商语法

Question

我有一个问题,我正在尝试根据我指定的值更新元素的背景渐变.

我尝试过这条路线:

elem.style.backgroundImage = '-webkit-gradient(radial, '+x+' '+y+', 0, '+x+' '+y+', 800, from(#ccc), to(#333)), -moz-radial-gradient('+x+'px '+y+'px, circle cover, #ccc 0, #333 100%)';

由于Webkit和Gecko有两种不同的CSS3渐变语法,我需要指定两者.但是,上面的代码不起作用.如果我只有Gecko语法或只是Webkit语法,它可以工作,而不是两者兼而有之.

我认为你可以检查CSS渐变支持,但我的问题是,有没有办法检查需要在没有浏览器嗅探的情况下使用哪种语法？请记住,我需要以这种方式设置渐变,因为渐变的x和y坐标会动态变化.

希望这是有道理的,谢谢.

Answer 1

您根本不需要进行任何检测.只需连续两次设置element.style.backgroundImage,那些不解析的将被忽略.