В IE9 я обнаружил странную вещь, пытающуюся отобразить фоновый градиент.
В основном я применяю несколько классов к контейнеру.
<div class="gradient corners"></div>
Использование этого CSS.
.gradient {
background-color: #96A7C5;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.19, #6C86AD),
color-stop(0.6, #96A7C5)
);
background-image: -moz-linear-gradient(
center bottom,
#75A33A 19%,
#8DC447 60%
);
.corners {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Чтобы получить градиент в IE, я применяю мусор фильтра к моему классу .gradient.
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC447', endColorstr='#75A33A');
С этим, градиент работает, но мои закругленные углы уходят.
Итак, я попытался вставить условное выражение для объявления фильтра.
<!--[if IE]>
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC447', endColorstr='#75A33A');
<![endif]-->
Это возвращает мои углы, но градиент уходит.