8

jsプラグインは、私に頭痛の種を与えるスタイルを追加しています。

element.style {
     z-index: 100 !important;
}

だから私はこれを試しました：

html body div#shell div#shellContent div#bottomPart div#rightCol div.containerBox    
div#embedContainer div#janrainEngageEmbed div.janrainContent div#janrainView   
div.janrainHeader[style] {
    z-index: 1 !important;
}

それでも何もありません。

4

3 に答える 3

11

他の答えとは異なり、CSSでインラインスタイルをオーバーライドすることができます。

http://css-tricks.com/override-inline-styles-with-css/

非常に長いセレクターが要素に当たっていない可能性があると思います。

Janrainプラグインで同様のz-indexの問題が発生しましたが、これは次の方法で解決されました。

#janrainEngageEmbed > div[style] {
    z-index: 0;
}

あなたの場合、おそらく次のものが必要です。

    z-index: 0 !important;
于 2012-12-11T16:13:27.770 に答える
4

インラインスタイルは、どのセレクターよりも優先されます。javascriptで自分でスタイルをリセットするか、プラグインにパッチを適用します...正直なところ、とにかく特によく書かれているようには聞こえません。：）

于 2012-07-01T11:43:24.167 に答える
3

インラインスタイルは常に外部および内部のcssをオーバーライドし、さらにプラグインが!important句を使用しているという事実（非常に悪い習慣です！）により、cssだけで修正することは不可能です。プラグインの設定を上書きするには、カスタムjsを使用する必要があると思います。

プラグインでコールバック関数を指定して、必要に応じてスタイルを設定できるかどうかを確認するのが最善の方法かもしれません。ここでの別の回答は、プラグイン自体を編集することを提案しました。これは、プラグインを更新する予定がない場合は便利です。それ以外の場合は、プラグインコードをそのままにして、独自のjsを追加することをお勧めします。

于 2012-07-01T11:43:52.810 に答える