css - ホバー効果は Firefox で機能しますが、他のブラウザーでは機能しません

Question

これが私のコードです：

.post .entry a:hover{

 opacity: 0.5;

 transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
 -ms-transition: opacity .25s ease-in-out;
 }

これが Chrome/IE/Safari で動作しない理由がわかりません。Firefoxで問題なく動作しています。

Answer 1

あなたの問題は、リンク内に画像を浮かせていることです。互いに同じレベルにある要素にフロートを移動します。

また、段落タグを div タグに置き換えます。段落はテキスト用であり、レイアウト用ではありません。