css - -ms-filter 样式可以在 SharePoint 中设置主题吗？

Question

我们有以下主题化样式来为 Web 部件主体的背景设置渐变:

.ms-wpContentDivSpace{
    /* For Non-CSS3 Browsers */
    background: /* [ReplaceColor(themeColor:"Light2-Lightest")] */ transparent; 
    /* For Firefox 3.6+ */
    background: -moz-linear-gradient(top, 
        /* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        /* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9);
    /* For WebKit (Safari, Chrome, etc.) */
    background: -webkit-gradient(linear, left top, left bottom, 
        from(/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB), 
        to(/* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9));
    /* For Internet Explorer */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9);
    -ms-filter:'progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/*[ReplaceColor(themeColor:"Light2-Lightest")]*/ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9)'; 
}

除了用于 IE8 的 -ms-filter 样式外，所有这些都工作正常。我已经尝试了转义引号和斜杠以及单引号和双引号的每种组合，但我能让它工作的唯一方法是删除 ReplaceColor 指令:

.ms-wpContentDivSpace{
    /* For Non-CSS3 Browsers */
    background: /* [ReplaceColor(themeColor:"Light2-Lightest")] */ transparent; 
    /* For Firefox 3.6+ */
    background: -moz-linear-gradient(top, 
        /* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        /* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9);
    /* For WebKit (Safari, Chrome, etc.) */
    background: -webkit-gradient(linear, left top, left bottom, 
        from(/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB), 
        to(/* [ReplaceColor(themeColor:"Light2-Lighter")] */ #E9E9E9));
    /* For Internet Explorer */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=/* [ReplaceColor(themeColor:"Light2-Lightest")] */ #FEFEFB, 
        endColorstr=/*[ReplaceColor(themeColor:"Light2-Lighter")]*/ #E9E9E9);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, 
        startColorstr=#FEFEFB, 
        endColorstr=#E9E9E9)"; 
}

是否可以让 -ms-filter 支持主题样式？

更新:

当应用主题时，它实际上按预期工作。问题是当没有选择主题时，渐变在顶部是蓝色，在底部是深蓝色。所以它似乎正在处理第一个评论斜杠，因为呈现的结果与样式未指定颜色相同:

-ms-filter:'progid:DXImageTransform.Microsoft.gradient(GradientType=0)';

Answer 1

您可以让您的主题为您处理图像 - 这样您就不需要 3 种不同浏览器的 CSS。 2010 年的主题可以重新着色图像(或图像中的区域)

例如

/* [RecolorImage(themeColor:"Dark2-Lighter",method:"Filling",includeRectangle:{x:0,y:467,width:1,height:11})] */ background:url("/_layouts/images/bgximg.png") repeat-x -0px -467px;

这非常整洁。当您应用您的主题时，图像 (bgximg.png) 将被处理并替换颜色等。

如果您查看 CoreV4.css，就会有示例。或者 this is an okay描述。也许着色就足够了？

否则，我会尝试将主题指令放在我使用颜色的位置之前，而不是:

/* [ReplaceColor(themeColor:"Dark2",themeShade:"0.8")] */ background-color:#21374c;