Chrome和Firefox之间的Wordpress显示差异

Wordpress display difference between Chrome and Firefox

本文关键字:显示 Wordpress Firefox 之间 Chrome      更新时间:2023-09-26

我希望有人能帮助我。我在Wordpress中使用了一个"拉出"小部件来显示一个内联"链接",以打开prettyPhoto框中的某些文本,该框需要包括滚动条。

这在谷歌Chrome中运行得很好,但当我在Firefox中显示页面时,它会将文本框中的所有文本都包含在下拉选项卡中,并且在点击链接之前不会隐藏它?

在我使用的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>

如有任何协助,将不胜感激

感谢

请检查元素#inline-1的CSS规则(如果有)。如果在#inline-1上设置了display:block;,它将覆盖.hide类的display:none;,因为按ID的CSS规则比按类的规则更具特异性。

要做到这一点,你可以使用一个工具,如Firebug for Firefox。

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