-1

助けていただけないでしょうか...

同位体レイアウトに基づいた画像ベースのサイトを作成し、fancybox を使用してクリック時に画像のギャラリーを表示しようとしています。

ファンシーボックスの画像をクリックしてスクロールするときのかなり厄介な効果を除けば、すべて正常に機能するようです-例を参照してください http://www.andyingle.com/bugs/isotope/

どちらも個別にうまく機能するので、競合していると思いますか？見た目からして、おそらく z-index のことでしょうか? 正常に動作する他のライトボックス プラグイン (シャドウボックス) を試しましたが、fancybox はもう少しエレガントなので、それを使用することをお勧めします。

これを引き起こしている可能性のあるアイデアと、それを修正する方法はありますか?

大変感謝します！！

4

1 に答える 1

0

一般的に言えば、一般的な要素/タグに CSS ルールを適用するのではなく、具体性を使用することはお勧めできません。「競合」は、独自の CSS ルールによって生成されるようです。

ハッシュCSS ファイル内にこの CSS ルール (131 行目) があります。おそらく、元のIsotope プラグイン Web サイトからスタイルをコピーしたものです。

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 に答える