0

我希望有人可以帮助我。我在 Wordpress 中使用“拉出”小部件来显示内联“链接”，以在需要包含滚动条的漂亮照片框中打开某些文本。

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

任何帮助将不胜感激

谢谢你

4

1 回答 1

1

请检查元素的 CSS 规则#inline-1（如果有）。如果display:block;设置为 on #inline-1，它将覆盖display:none;类的.hide，因为按 ID 的 CSS 规则比按类的规则更具体。

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

此外，prettyPhoto 插件可能正在修改#inline-1 div 的显示，导致它显示。

于 2012-08-28T19:25:15.117 回答