1

私はここのこのページからcss効果を実装しようとしています:http ://sixrevisions.com/css/snazzy-hover-effects-using-css/

彼がIE8に投稿した修正を除いて、すべて正常に動作しています。いくつかの条件付きコードを追加したので、修正は<= IE8でのみ使用されるため、通常のブラウザーのCSS3リセットは含まれていません。ただし、修正は機能していないようです。表示されるのはテキストだけで、テキストはそこでラップされています。

ここで実際の例を見ることができます:http ://www.thecssninja.com/demo/css_hover2/

私が設定した例はここにあります:http://www.condorstudios.com/example.html

私が機能していない理由はありますか?私が見ることができる唯一の本当の違いは、彼がリストを使用していて、彼のaタグがに設定されてblocksいることです。私はこれを試しましたが、それは私のレイアウトを台無しにします。

4

1 に答える 1

1

コンテナと画像の間に要素を追加(およびスタイル設定)したためだと思います(<span class="overlay">IE8での配置が混乱していると思います。ChromeとIE8で動作する簡単なjsfiddleデモを作成しました。元の例。申し訳ありませんが、IE9以降を使用していないため、これが機能するかどうかを確認できません。

私が抱えていた唯一の問題は、:hoverオーバーレイ要素が広すぎることでした。そのleft:0;right:0ため、クラスにを追加しました。これはあなたが求めているものとは正確に一致しないかもしれませんが、それでも役立つことを願っています:-)

于 2011-05-27T20:12:00.277 に答える