html - 线性渐变在 IE 11 中不起作用

Question

我有一个 css 规则，它在 chrome、firefox 中运行良好，并且曾经在 IE 中运行。现在我看似有效的 css 不起作用。

.s-tour {
/*border-radius: 5px;*/
margin: 0 auto;
width: 250px;
height: 200px;
line-height: 100px;
font-weight: 600;
font-size: 18px;
box-shadow: 0 0 7px rgba(1, 1, 1, .8);
border: solid thin #555;
color: #E0E0E0;
background: #555;
background-image: linear-gradient(to bottom, #555 0%, #eee 100%);
background-image:-webkit-linear-gradient(top, #777, #666);
background-image: -ms-linear-gradient(top,#555555 0%,#666666 100%);
background-image:-o-linear-gradient(top, #777, #666);
background-image:-moz-linear-gradient(top, #777, #666);
}

我觉得 background-image: linear-gradient(to bottom, #555 0%, #eee 100%); 或 -ms-background-image: linear-gradient (top,#555555 0%,#666666 100%); 应该适用于 IE 11，但 IE 检查员在它下面放了一条模糊的红线以及我尝试的任何其他内容。

我检查了谷歌页面上的工作渐变，background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); 工作正常，但即使是那条确切的线也会不适用于我的网站。

我已经尝试了所有我能想到的关于属性、前缀和值的变体，包括关于堆栈溢出的每个相关答案，现在我很困惑，想知道这是 DOM 问题、错误还是其他简单问题。

Answer 1

尝试将这一行添加到你的类的末尾:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#666666);