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 标签替换你的段落标签。段落用于文本，而不是布局。