-1

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

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

除了单击以滚动浏览fancybox中的图像时产生的相当讨厌的效果外，一切似乎都可以正常工作-请参见示例http://www.andyingle.com/bugs/isotope/

两者都可以单独工作，所以我想这是冲突？看起来可能是 z-index 的东西？我尝试过其他灯箱插件（shadowbox），它们工作得很好，但fancybox 更优雅一点，所以更喜欢使用它。

任何想法可能导致此问题以及如何解决？

非常感谢！！

4

1 回答 1

0

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

你的散列CSS 文件中有这个 CSS 规则（第 131 行）......很可能你从原始同位素插件网站复制了样式

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

该规则使幻想框next/prev选择器（它们是<a>锚点）的背景在单击时变为black（a:active）

您宁愿以某种特殊性来更改该规则，例如

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

或在不需要时将其删除

于 2012-09-16T22:11:25.820 回答