Chrome和Firefox之間的Wordpress顯示差異

Question

我希望有人可以幫助我。 我在Wordpress中使用“拉出”小部件來顯示一個內聯“鏈接”以在prettyPhoto框中打開某些文本，該文本需要包含滾動條。

這在Google Chrome瀏覽器中可以很好地工作，但是當我在Firefox中顯示頁面時，該頁面將文本框的所有文本都包含在pullour選項卡中，並且在單擊鏈接之前不會隱藏它嗎？

在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>

任何幫助將不勝感激

謝謝

Answer 1

請檢查元素#inline-1的CSS規則（如果有）。 如果display:block; 在#inline-1上設置，它將覆蓋display:none; .hide類的原因，因為按ID定義的CSS規則比按類定義的規則更具特異性。

為此，您可以使用諸如Firebug for Firefox之類的工具。

此外，prettyPhoto插件可能正在修改＃inline-1 div的顯示，從而使其顯示。