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的显示，导致它显示。

Wordpress显示Chrome和Firefox之间的区别

1 个答案: