Jquery Isotope与fancybox画廊发生冲突

Question

想知道你是否可以帮助我...

我正在尝试基于同位素布局创建基于图像的网站，然后使用fancybox在点击时显示图像库。

当点击滚动fancybox中的图片时，除了相当讨厌的效果外，所有似乎都可以正常工作 - 参见示例http://www.andyingle.com/bugs/isotope/

两者都可以单独运作，所以我猜这是冲突吗？看起来可能是z-index的东西呢？我尝试过其他灯箱插件（shadowbox）工作正常，但fancybox更优雅，所以更喜欢使用它。

任何想法可能导致这种情况以及如何解决它？

很多，非常感谢!!

Answer 1

一般来说，将CSS规则应用于通用元素/标签并不是一个好主意，而是使用特异性。 “冲突”似乎是由你自己的CSS规则产生的。

你的hash CSS文件中有这个CSS规则（第131行）....很可能你复制了原始Isotope plugin website

中的样式

a:active,
a:active code {
  color: #1FB;
  background: black;
}

该规则使fancybox next/prev选择器（<a>个锚点）的背景在点击时变为black（a:active）

您宁愿更改某些特殊情况，例如

a.thisAnchor:active,
a.thisAnchor:active code {
  color: #1FB;
  background: black;
}

或删除它，如果你不需要它