有没有现成的修复方法,让管理栏不会让内容变得模糊?

时间:2012-02-12 作者:Pekka

我有一种情况,Wordpress 3管理栏(很酷,我很想有)模糊了我页面上的一些重要信息。

在我自己开始摆弄CSS之前(我确信这会破坏内容):是否有现有的补丁可以改变这一点,以便管理栏在实际页面的“上方”开始?我意识到可能会有CSS复杂性(特别是对于绝对定位的元素),但这应该是可能的。

2 个回复
最合适的回答,由SO网友:Pekka 整理而成

仔细检查后,我发现Wordpress已经尝试将所有可能被遮挡的内容向下移动。问题是使用position: fixedposition: absolute.

我最后做的是为那些仅在admin-bar 类在主体上设置(当条形图可见时,Wordpress会自动执行此操作。)例如,so:

/* Normal mode */
ul.sidemenu { top: 4px; left: 4px; ..... etc. etc.}
ul.langmenu  { top: 4px; right: 4px; .... etc. etc. }

/* Move elements 28px down when the admin bar is visible */
body.admin-bar ul.sidemenu  { top: 32px}
body.admin-bar ul.langmenu  { top: 32px}

SO网友:fuxia

我只需将管理条形码移到页面顶部,将其设置为position:relative 并删除html.

remove_action( \'wp_footer\', \'wp_admin_bar_render\', 1000 );
add_action( \'wp_head\', \'wp_admin_bar_render\', 1000 );
add_action( \'wp_head\', \'wpse_42041_admin_bar_fix\', 1000 );

function wpse_42041_admin_bar_fix()
{
?>
<style>html{margin-top:0 !important}#wpadminbar{position:relative !important}</style>
<?php
}

结束

相关推荐