このjQueryアニメーションをIE（7,8,9）でどのように表示できますか？

Question

私の質問を見ていただきありがとうございます。

私は正常にjCarouselとZoomerプラグイン（found here）を統合しました。 ... Internet Explorerの

あなたはFFでthis pageをチェックすると、あなたはマウスオーバーが空白を拡大していることがわかります - ！それはまさに私が-SURPRISE除いてチェックしたすべてのブラウザでにそれを望むように動作します赤色の枠線を追加し、alt属性で小さなボックスをアニメーション化します。

IEでもう一度ページを確認すると、magnify &の赤いボックスは機能しますが、alt属性の小さなボックスは機能しません。

IFを頭に追加しようとしましたが、正しく動作していないと思います（OSXではIEがないため）。そのコードは次のとおりです。

<!--[if IE 9]> 
    <style type="text/css" media="screen"> 
    ul.thumb li img.hover 
{ 
    border: 2px dotted red; 
    border: none; 
} 
ul.thumb li .title 
{ 
position:absolute; 
width:103px; 
height:40px; 
margin:0px; 
font-weight:900; 
padding:0px 0 0 0px; 
text-align:center; 
color: #FFF; 
background: none repeat scroll 0 0 rgba(255, 0, 0, 0.9); 
display: block; 
} 
    </style> 
<![endif]--> 

誰もが時間と入力を感謝します。

ありがとうございました！

Answer 1

rgba(#,#,#,#.#) - aはALPHAの略で、IEでは動作しない透明性を制御するための優れた方法です。私はIE 8 & 9のためのように読み取るためにスタイルシートを変更しました：

background-color: #FF0000; 
filter:alpha(opacity=80); /* For IE8 and earlier */ 
opacity: 0.8; 

私は、同じコードを反映するために、IE 6の互換性に対処するためにIF文を変更しました。