jquery - CSS 背景具有无效的属性值

Question

我将以下 CSS 规则放入数据库中，这些规则在 Google Chrome 中有效:

background: url(/lib/editor/frames/6.1.png) center -7px / 19mm 12mm no-repeat, url(/lib/editor/frames/6.2.png) center 0px / 500mm 1.4mm no-repeat, linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(211, 233, 203) 50%, rgb(255, 255, 255) 100%) center 5px / 500mm 3.7mm no-repeat;
background-color: white;

当我尝试使用 JQuery 将此规则添加到 div 时，此规则合并为单个规则并获得无效值

background: url(/lib/editor/frames/6.1.png) center -7px / 19mm 12mm no-repeat white, url(/lib/editor/frames/6.2.png) center 0px / 500mm 1.4mm no-repeat white, linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(211, 233, 203) 50%, rgb(255, 255, 255) 100%) center 5px / 500mm 3.7mm no-repeat;

我怎么知道它为什么无效？

Answer 1

如果您将此确定为一个错误，这是一个最新版本的 JQuery 的错误，您应该将其报告给 JQuery GitHub问题页面；不在这里。

解决方法是手动设置样式属性。

$('.whatever').attr('style', 'background: url(/lib/editor/frames/6.1.png) center -7px / 19mm 12mm no-repeat, url(/lib/editor/frames/6.2.png) center 0px / 500mm 1.4mm no-repeat, linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(211, 233, 203) 50%, rgb(255, 255, 255) 100%) center 5px / 500mm 3.7mm no-repeat; background-color: white;');