悬停效果适用于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标签替换段落标签。段落用于文本，而不是布局。