CSS3Pie - 通过 jquery 更改样式后，它不再工作答案

【问题标题】：CSS3Pie - after changing style by jquery it doesnt work any moreCSS3Pie - 通过 jquery 更改样式后，它不再工作
【发布时间】：2014-11-24 10:43:53
【问题描述】：

我的 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 命令本身运行良好 - 但不是 pie-background。也许馅饼（它只是 javascript，不是吗？）没有得到实际信息，例如没有事件被触发？

有什么想法吗？

【问题讨论】：

标签： css3pie

【解决方案1】：

jQuery 的 .css('x') 方法在幕后设置 element.style.x；如果你直接这样做，那么你必须使用 element.style.PieBackground='...' 所以在这里也尝试用这种方式格式化属性名称：

contentHeader.css('PieBackground', '...')

【讨论】：