2012-01-04 10 views
1

私は画像リンクを持つ順序のないリストを持っています。それらの上にマウスを置くと少しずつフェードアウトします。これはIEを除くすべてのブラウザですべて良好です。最初は私はそれがちょうどpngバグだと思ったが、これらの修正を両方適用してもそれはまだ動作しません。ページにありますIEに画像が表示されない

The page.

誰もが何が起こっているかを知っているなら、私は完全に今、困惑していますように私に知らせてください。ありがとう

+0

問題の内容とIEのバージョン(IE8にはイメージがまったく表示されないなど)を詳しく説明してください。また、Webkit固有の遷移だけを使用するので、遷移はFFでも機能しません。 – ptriek

答えて

1

をサポートしていませんスタイルによって達成されているIE7とIE9で動作するように見えますが、ではないIE8。興味があり、前にそれを見たことはありません。

とにかく、別の方法を使用して問題を解決できます。リストを使用する代わりに、あなたのイメージ(リンク付き)はの中に入れてから、display: inline-block;というようなスタイルをリンクに適用します。これにより、それらを垂直方向に整列させて(幅広く)設定できますお望みならば。

+0

ありがとう。それはうまくいきました。ヘルプをよろしくお願いいたします。 – doitliketyler

0

これはIE9で動作するので、最初の推測では、以前のバージョンではサポートされていないCSSやjavascriptを使用していますか?コードを投稿する必要がありますので、この問題を解決する方法について、より良いガイダンスを提供することができます。

1

不透明フェードはIEが

-webkit-transition: opacity; 
-webkit-transition-timing-function: ease-out; 
-webkit-transition-duration: 500ms; 
+0

さて、私はこれをもう一度考えましたが、IEはこれらのスタイルを無視してイメージをそのまま表示することを思い出しました。 – doitliketyler

+0

ここでは、IEでトランジション効果が表示されないという問題があったと思いますか?あなたの問題はいずれかの方法でソートされてうれしいよ:) –