Wordpress插件z-index覆盖不起作用

时间:2015-02-21 01:58:58

标签: wordpress css3

我正在使用名为“Post Snippets”的WP插件。这使您可以轻松地将代码输入到客户端不知道该怎么做的区域。代码工作正常,除非我从z-index设置高于其自身的模型框中调用它。然后它出现在后面,让你相信它不起作用。我可以用Firebug进行一些调整,它工作得很好。但不管我怎么写css,它都不会覆盖它。出现的模态设置为z-index为160000.以某种方式设置为Snippets模式的z-index仅为100000。 http://grab.by/EZgE

因此,当我从画廊模式中按Post Snippets时,没有任何反应,因为POst Snippets对话框显示在EnviraGallery模式框后面。我可以看到片段由.ui-dilaog设置并设置为z-index为100102.即使我把它放在css中

.ui-dialog {
    z-index:180000 !important;
}
没有任何反应。我尝试了很多变化,但仍然没有。

该插件的作者说:

  

该插件没有自己的jQuery对话框样式,但使用WordPress的默认jQuery UI样式(即wp-jquery-ui-dialog)。它后面出现了什么对话框?

必须有办法做到这一点吗?除此之外我不是一个编码器。任何帮助将不胜感激。

非常感谢, 休斯敦

1 个答案:

答案 0 :(得分:0)

要使z-index产生任何效果,您需要显式设置相关元素的CSS position属性。

Why z-index is not working for div?