css - 升级到SharePoint 2013后CSS(progid:dximagetransform.microsoft)无法正常工作

我们正在从SP2010升级到SP2013。

有一个带部件的Web部件。码：-

 <table>
            <tr>
                <td style="height:20px; FONT-SIZE: 14px;FONT-FAMILY: Calibri;TEXT-ALIGN: center;color:#ffffff;TEXT-ALIGN: center;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#04a2a4", endColorstr="#cdfefe",GradientType=0 ), progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000",GradientType=0 ); ">hello</td>
            </tr>
        </table>

这在SP2010中呈现如下：


而在SP2013中，其呈现如下：-


更新

我在IE中做了F12，结果如下：

在不渲染的SP2013中，我执行F12并查看以下内容：-

<td style="height: 20px; text-align: center; color: #ffffff; font-family: Calibri; font-size: 14px;" "="" );="" ),="" ,gradienttype="0" endcolorstr="#cdfefe" #04a2a4",="" ,="" startcolorstr="#000000" progid:dximagetransform.microsoft.gradient(="">

这是F12上的渲染样式：-

如您所见，渲染时缺少progid标签！

在效果良好的SP2010中，我做了F12并看到了下面的效果：-

<td style="height: 20px; text-align: center; color: #ffffff; font-family: Calibri; font-size: 14px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=;" ?="" );="" ),="" ,GradientType="0" endColorstr="#cdfefe" #04a2a4?,="" ,="" startColorstr="#000000" progid:DXImageTransform.Microsoft.gradient(="">

这是F12上的渲染样式：-

如您所见，在这种情况下，将以内联样式显示progid标签。

关于什么导致SP2013问题的任何想法？在IE8中打开SP2013站点时，它可以完美运行！太令人震惊了...

最佳答案

使用此方法可以解决您的问题。

.test {

background: url(fundraiser.jpg) no-repeat, -moz-linear-gradient(top, #ff3b68 0%, #0029d3 100%); /* FF3.6+ */
background: url(fundraiser.jpg) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3b68), color-stop(100%,#0029d3)); /* Chrome,Safari4+ */
background: url(fundraiser.jpg)no-repeat, -webkit-linear-gradient(top, #ff3b68 0%,#0029d3 100%); /* Chrome10+,Safari5.1+ */
background: url(fundraiser.jpg) no-repeat, -o-linear-gradient(top, #ff3b68 0%,#0029d3 100%); /* Opera11.10+ */
background: url(fundraiser.jpg) no-repeat, -ms-linear-gradient(top, #ff3b68 0%,#0029d3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3b68', endColorstr='#0029d3',GradientType=0 ); /* IE6-9 */
background: url(fundraiser.jpg) no-repeat, linear-gradient(top, #ff3b68 0%,#0029d3 100%); /* W3C */
 }

关于css - 升级到SharePoint 2013后CSS(progid:dximagetransform.microsoft)无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22089215/