0

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

然而，由于某种原因，我的 css 线性渐变无法正常工作，这变得很明显（现在我有机会实际查看前端而不是破解代码来解决问题）。

这对我来说很奇怪，因为当我在其测试环境（本地主机）中查看同一个站点时，渐变会尽其所能。在同一台 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;}
4

2 回答 2

1

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

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

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

于 2012-09-28T09:59:22.117 回答
0

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

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='true', GradientType=1, startColorstr='#7DB4B3', endColorstr='#A9D4CC')";
于 2012-09-28T09:44:02.750 回答