Chrome和Firefox的Wordpress顯示區別

我希望有人可以幫助我。我在Wordpress中使用「pullout」小部件來顯示一個內聯「鏈接」，以在prettyPhoto框中打開某些需要包含滾動條的文本。Chrome和Firefox的Wordpress顯示區別

這在谷歌瀏覽器中是完美的，但是當我在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>

任何援助將不勝感激

謝謝

來源

2012-08-28 user1426583

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

爲此，您可以使用Firefox等Firebug工具。

此外，prettyPhoto插件可能會修改＃inline-1 div的顯示，導致它顯示。

來源

2012-08-28 19:25:15

感謝您的回覆。我似乎沒有看到任何顯示：塊 - 在CSS？然而，當我在Chrome中「檢查元素」時，我看到一個被「劃掉」的「顯示：塊」？ – user1426583

是的，顯示：塊;被劃掉，因爲顯示：無;正在壓倒它。您應該嘗試使用Firefox上的Firebug檢查元素以查看發生了什麼。您還可以禁用該插件並使用純CSS查看發生了什麼。 –

Chrome和Firefox的Wordpress顯示區別

回答

相關問題