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显示区别

回答

相关问题