css - IE 中忽略的 CSS 样式

Question

我在 IE 中对这个网站有疑问：http: //www.coachjoelleinc.com/

在所有其他浏览器中，右上角的 JS 旋转器为我提供了正确样式的青色按钮。在 IE 9 中，按钮变为黑色和白色。有任何想法吗？我很想知道我是否可以在未来的项目中为此做一些计划。

Answer 1

这是因为您使用 Mozilla 前缀添加渐变，IE 无法理解：

-moz-linear-gradient(#6BA4B4, #26687B);

因此，IE 将依赖background-color:black;同样为相同 CSS 类（.wt-rotator .thumbnails li、.wt-rotator .play-btn、.wt-rotator .prev-btn、.wt-rotator .next -btn)

尝试设置它（如此处所述）：

.wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn {
   background: -moz-linear-gradient(#6BA4B4, #26687B);
   background: -webkit-linear-gradient(#6BA4B4, #26687B);
   background: -o-linear-gradient(#6BA4B4, #26687B);
   background: -ms-linear-gradient(#6BA4B4, #26687B);
   background: linear-gradient(#6BA4B4, #26687B);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6BA4B4', endColorstr='#26687B');
}