我在header.php的某些div上添加了css功能,以便在wordpress主题上创建我自己的顶栏,现在我只面临一个问题,那就是wordpress顶栏出现在chrome上,而不是在IE9上,我通过调整top=28对css进行了相应的编码;它在chrome上作为WP顶栏显示在上面,但不在IE9上,运行得很好,因为wordpress仪表板顶栏没有出现,额外的28个顶部空间出现了。
请让我知道如何修复它,使其在任何浏览器上都能完美运行
发布于 2012-05-31 16:25:12
如果您已登录到WordPress管理面板,则会出现WordPress顶栏。尝试登录IE9,您将看到管理员栏。此外,Admin栏使用带有!important属性的CSS。但是你不必担心,因为这个栏对你网站的访问者是不可见的。
当我第一次在Wordpress主题上工作时,这个栏浪费了我很多时间。你应该设计你的主题,记住没有这样的栏,即顶部=0(可能是在另一个浏览器中检查它,在那里你没有登录到管理面板,以查看真实的图片)
发布于 2012-05-31 17:48:08
无论是否显示来自WordPress的管理栏,您都可以有条件地设置顶部栏的样式。
检查Firebug或您的页面的源代码,您将看到WP在body
元素上添加了一个类admin-bar
。和.logged-in
,但我猜这一个将出现无论可湿性粉剂管理栏是否显示。
然后,您可以为您的访问者和您自己设计顶部栏的样式,例如:
.softgenic-bar {
position: fixed;
top: 0;
left: 0;
color: white;
background: black;
}
.admin-bar .softgenic-bar {
top: auto;
bottom: 0;
background: darkred;
}
如果您将栏完全放置在其他位置,请不要忘记相应地添加/删除填充和边距。
你也可以决定将你的栏定位为绝对的,为你的访问者准备的。或者隐藏它,如果它与您无关,它完全取决于它的内容(您不需要订阅自己的时事通讯,例如^^,但应用程序中的绘图工具仍然应该显示)
https://stackoverflow.com/questions/10829719
复制相似问题