Css 悬停效果适用于Firefox，但不适用于其他浏览器

这是我的密码：

.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可以正常工作。

您的问题是链接中的图像浮动。将浮动移动到彼此位于同一标高上的图元

---

另外，将段落标记替换为div标记。段落用于文本，而不是布局。

请发布完整的代码示例。没有更好的示例，我很快就修改了。对我来说，它在Chrome和Firefox中运行良好。下面是我的例子：你对哪个IE版本有问题？点击F12。转到控制台选项卡。修正它指出的所有错误。规则1：将未修正的版本放在最后，在前缀样式之后。