背景のグラデーションを表示しようとして、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]-->
それは私のコーナーを取り戻しますが、グラデーションは消えます.