Question

我的css是这样的：

.ui-widget-header#shuttleList {
background: linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);
-pie-background: linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);
behavior: url(/scripts/core/pie/PIE.htc);
}

在IE9中它非常好。

现在我必须在jquery中动态使用它，如下所示：

        if (contentBox[0].id.indexOf('shuttle') >= 0)
        {
            contentHeader.css('background', 'linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);');
            contentHeader.css('-pie-background', 'linear-gradient(120deg, white 180px, #d3d3d3 180px, #d3d3d3 250px, #f2f2f2 250px);');
            contentHeader.find('li').css('display', 'block');
        }

它适用于IE10和IE11，所以我假设jquery命令本身运行良好 - 但不是馅饼背景。也许馅饼（它只是javascript，不是吗？）没有获得实际信息，例如没有事件被解雇？

有什么想法吗？

Answer 1

jQuery的.css（＆＃39; x＆＃39;）方法在幕后设置了element.style.x;如果您直接这样做，那么您必须使用element.style.PieBackground =＆＃39; ...＆＃39;所以尝试在这里格式化属性名称：

contentHeader.css（＆＃39; PieBackground＆＃39;，＆＃39; ...＆＃39;）

CSS3Pie - 在通过jquery更改样式后，它不再起作用了

1 个答案: