0

fancybox の css をオーバーライドするにはどうすればよいですか?

2 つの異なるページで fancybox を使用する Web サイトを構築しています。これらのページの 1 つで fancybox css をオーバーライドして、矢印がボックスの外側に押し出されるようにしたいと考えています。IE ファンシーボックスにこれらのプロパティを付与したいと思います:

.fancybox-prev {
    left: -80px !important;
}

.fancybox-next {
    right: -80px;
}

これを達成する方法がわかりません。他の関連するスタックオーバーフローの問題の解決策は機能しません。私はそれを行う簡単な方法があると確信しています。

誰でも私を助けることができますか？

4

3 に答える 3

1 
$('.fancybox-prev').attr('style', 'left: -80px !important');

$('.fancybox-next').attr('style', 'right: -80px');
于 2012-06-29T23:45:48.137 に答える
0

CSS の階層について覚えておく必要があります。インライン CSS は最も重要なものであり、外部 CSS は 2 番目に読み込まれます。後者に関しては、CSS ファイルの先頭から読み取られます。したがって、前のスタイルを上書きするために使用するスタイルを以下に記述すると、問題なく動作するはずです。

次に、いつでも jQuery を使用してそれを行うことができます。ShaggyInjun が良い例を示しました。$(selector).css();を使用してそれを行うことができるはずです。.

于 2012-06-30T00:01:30.863 に答える
0

fancybox v1.3.4 チェックを使用している場合: http://fancybox.net/faq No.8 .... これもチェックすると便利です。

fancybox v2.x チェックを使用している場合: https://stackoverflow.com/a/8672001/1055987

基本的に、これらのプロパティをオーバーライドするには、fancybox css ファイルをロードした後に CSS インライン宣言を設定する必要があります。

于 2012-06-30T08:24:58.513 に答える