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;');

Answer 2

使用

background-image:url('url')

CSS背景具有无效的属性值

2 个答案: