3

CSS3 - CSS3 トランジションを使用している間、画像が IE に表示されません。アニメーションが IE で動作しなくてもかまいませんが、少なくとも画像が IE で正常に表示されるようにしたいと考えています。以下は私のコードです:

HTML:

    <div id="bg">
    <img class="fadeIn fadeIn-3s fadeIn-Delay-3s" src="images/about-phil.jpg" alt="Phil Davel About Us Background Image">
</div>

CSS:

.fadeIn {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
-o-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
margin-bottom: -10px;   

}

.fadeIn-3s {
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    -o-animation-duration:3s;
    animation-duration:3s;
}

.fadeIn-Delay-3s {
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
4

1 に答える 1

0

CSS3 アニメーションは IE ではサポートされていません。

ユーザーが IE を使用している場合は、HTML で条件文を使用して追加の CSS ファイルを含めることができます。そうすることで、IE 用に画像を異なる方法で表示できます。

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
于 2013-01-14T20:42:40.090 に答える