Safari'悬停'和图像叠加上的“点击”错误

Question

当我将鼠标悬停在Safari 7.06中的图像上时，

在悬停（并点击）时出现了这个神秘错误（未经过其他版本测试）。其他浏览器似乎没有这个问题）这只发生在右栏，它是一种砌体网格，但无法找出出错的地方..

链接：http://www.abouzahra.nl/interior-products/

有人可以解决这个问题吗？太棒了！

希望你们能提供帮助，

Cheers Joeri

Answer 1

尝试将transition置于默认状态，并仅在opacity上切换hover。另请尝试使用opacity 1.0的默认值。

.cols img {
  opacity: 1.0;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cols img:hover {
  opacity: 0.6;
}