小编bru*_*uce的帖子

我有一个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问题还是bug或简单的东西.