CSS 线性渐变在实时服务器上不起作用(仅限 IE)，在本地主机上很好

Question

我刚刚推出了一个新的内联网，我已经工作了一段时间。一切都很好（除了不可避免的以用户为中心的问题和几个错误）

然而，很明显

（现在我有机会实际查看前端而不是破解代码来解决问题），由于某种原因，我的 css 线性渐变不起作用。

这对我来说很奇怪，因为当我在其测试环境（localhost）中查看同一站点时，渐变会发挥其所有作用。 在同一台 PC 上，在同一台浏览器中（打开 2 个选项卡，一个本地选项卡，一个外部选项卡）

所有其他CSS（在同一样式文件中）工作正常。

#PageTitleBox{
position:absolute;
left:0px;
top:2px;
width:169px;
z-index:3;
padding-top:0px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background-color:#A9D4CC;
background-image: -webkit-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: -moz-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: -o-linear-gradient(180deg, #A9D4CC, #7DB4B3);
background-image: linear-gradient(180deg, #A9D4CC, #7DB4B3);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#7DB4B3', endColorstr='#A9D4CC')";
height: 55px;}

Answer 1

好的。 我认为您可能已将IE9切换到兼容性视图。（http://stackoverflow.com/questions/3726357/why-does-ie9-switch-to-compatibility-mode-on-my-website）。

您可以在 HTML HEAD 中包含<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>以指示 IE 不要这样做，或者使用服务器设置等效的 HTTP 响应标头。

如果原因是您的实时服务器被 IE 视为您的 Intranet 区域的一部分，IE 可能会忽略这一点。 在这种情况下，您必须在兼容性视图设置中将 IE 配置为不使用 Intranet 站点的兼容性视图。

Answer 2

您可以将渐变对象的"已启用"属性设置为 true。

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1, startColorstr='#7DB4B3', endColorstr='#A9D4CC')";