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

【问题标题】：Hover effect works with Firefox but no other browser悬停效果适用于 Firefox，但不适用于其他浏览器
【发布时间】：2013-07-09 19:49:00
【问题描述】：

这是我的代码：

.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 上运行良好。

【问题讨论】：

请发一个完整的代码示例。
没有更好的例子，我做了一个快速的小提琴。对我来说，它在 Chrome 和 Firefox 中运行良好。 jsfiddle.net/hgeVd
这是我的例子：guytgunterappliances.com/projects-2
您在使用哪个 IE 版本时遇到问题？按 F12。转到控制台选项卡。修复它指出的所有错误。
规则1：将无前缀版本放在前缀样式之后。

标签： css internet-explorer google-chrome safari cross-browser

【解决方案1】：

您的问题是您将图像浮动在链接内。将浮动移动到彼此处于同一级别的元素。

另外，用 div 标签替换你的段落标签。段落用于文本，而不是布局。

【讨论】：