最终,我希望根据不同的事物动态改变渐变,但如何让 jquery 应用 css3 渐变?
//works
$(element).css("background-image", "url(http://www.google.co.uk/images/logos/ps_logo2.png)");
//doesn't work
$(element).css("background-image","-webkit-gradient(linear,left bottom,right bottom,color-stop(0.50, rgb(194,231,255)),color-stop(0.50, rgb(255,255,255))");
//doesn't work
$(element).css("background-image","-moz-linear-gradient(left center,rgb(194,231,255) 28%,rgb(255,255,255) 28%");
我错过了什么?我也试过了
$(element).css({background: "-webkit-gradient(linear,left bottom,right bottom,color-stop(0.50, rgb(194,231,255)),color-stop(0.50, rgb(255,255,255)"});
这些方法是否无效?
最佳答案
您的第二种方法看起来不错...也许您还需要为非 webkit 浏览器设置 css 样式... Cross-Browser CSS Gradient
这works for me在 Chrome 中
$('#block').css({
background: "-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000))"
});
关于jquery - 使用 jQuery 应用 css3 渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6016988/