css - IE で無視される CSS スタイル

Question

IE でこのサイトに問題があります: http://www.coachjoelleinc.com/

他のすべてのブラウザーでは、右上の JS ローテーターによって、適切にスタイル設定されたティール色のボタンが表示されます。IE 9 では、ボタンが白黒に変わります。何か案は？将来のプロジェクトでこれを計画するために何かできることがあれば知りたいです。

Answer 1

これは、IE では理解されない Mozilla プレフィックスを使用してグラデーションを追加しているためです。

-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');
}