0

誰かが私を助けてくれることを願っています。Wordpressの「プルアウト」ウィジェットを使用して、スクロールバーを含める必要のあるprettyPhotoボックスで特定のテキストを開くためのインライン「リンク」を表示しています。

これはGoogleChromeで完全に機能しますが、Firefoxでページを表示すると、プルータブ内にテキストボックスのすべてのテキストが含まれ、リンクをクリックするまで非表示になりませんか？

私が使用したCSSでは：

.hide
{
display:none;
}

これが私のウィジェットのコードです：

<a href="#inline-1" rel="prettyPhoto" >Link</a>
    <div id="inline-1" class="hide">
        <p>Text to appear in prettyPhoto textbox when the Link is clicked



</p></div>
    </div>

どんな援助も大歓迎です

ありがとうございました

4

1 に答える 1

1

#inline-1要素がある場合は、CSSルールを確認してください。display:block;に設定されている場合、IDによるCSSルールはクラスによるルールよりも特異性が高いため、クラス#inline-1のをオーバーライドします。display:none;.hide

これを行うには、Firefox用のFirebugなどのツールを使用できます。

さらに、prettyPhotoプラグインが＃inline-1 divの表示を変更して、表示させている可能性があります。

于 2012-08-28T19:25:15.117 に答える