黑色管理栏被页面元素隐藏

时间:2015-02-10 作者:user67087

在构建新的WordPress主题时,我突然注意到,当你向下滚动时,黑色的管理栏被标题元素隐藏了,我无法修复它。我基本上有一个全宽标题,里面有标志和导航等元素。

但是,当我向下滚动时,黑色的管理栏会被推到标题后面,因此在标题元素离开屏幕之前,向下滚动时,您无法看到它。这意味着,当您位于页面顶部时,任何管理下拉列表都无法访问。

起初我认为应该归咎于z指数,但它比这更狡猾。

管理栏的z索引为99999。header元素的z索引为70。我在开发人员工具中将标题z-index从70更改为60,然后向下滚动。成功了!修复了它。所以我想。当我保存CSS中的更改并重新上传和刷新时,问题会随着新值的出现而出现。

因此,混用开发工具是可行的,但一旦重新加载页面,它就会再次回到问题。我找不到其他有同样问题的人,所以我想知道是否有人可以帮忙?

1 个回复
SO网友:Craig Pearson

管理栏的样式通常打印在网站的头部,因此,当管理栏的打印样式显示在包含的样式表之后时,可能正在撤消CSS代码。

也许通过使用wp_head 操作您可以停止此操作,在函数文件中放置类似的内容可能会达到以下效果:

function modify_admin_bar_css() { ?>
    <style type="text/css">
        #wpadminbar {
            z-index: 99999;
        }
        /* Plus any other styles you may need to add for the menu */
    </style>
<?php }

add_action( \'wp_head\', \'modify_admin_bar_css\' );
或者,您可以尝试使用!important CSS中的声明,如下所示:

#wpadminbar {
  z-index: 99999 !important;
}
/* Plus any other styles you may need to add for the menu */
但请注意,使用!important 在CSS中,一般不建议这样做,所以您应该始终谨慎使用。

结束

相关推荐

使用否定条件标记将CSS入队

我正在purecss之上构建一个主题。io。为了使网格响应速度更快,我需要添加this stylesheet. 来自函数。phpfunction load_css() { wp_enqueue_style ( \'purecss-all-not-ie\', \'http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css\', array( \'purecss\' ), null ); wp_style_add_data