有可能从 jquery 得到这样的东西吗?
<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
background: -moz-linear-gradient(top, #2F2727, #1a82f7);"/>
当我使用时:
$("#test").css({
'background': '-webkit-linear-gradient(top, #2F2727, #1a82f7)',
'background': '-moz-linear-gradient(top, #2F2727, #1a82f7)'
});
结果是(在 Chrome 中)
<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7); "/>
最佳答案
这在 jQuery 中是不可能的,因为键不能重复。您必须使用$.cssHooks
或:
$("#test").css('background', '-webkit-linear-gradient(top, #2F2727, #1a82f7)')
.css('background', '-moz-linear-gradient(top, #2F2727, #1a82f7)');
我建议使用 *Class
函数,而不是使用 style
设置固定样式: addClass
, removeClass
和 toggleClass
.
对于 HTML,您必须使用 style
属性:
<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
background: -moz-linear-gradient(top, #2F2727, #1a82f7);"/>
关于jquery跨浏览器css3内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9706897/