WordPress顶部栏和我的顶部栏和IE9

Question

我在标题中的某些div上添加了我的CSS功能.php为了在WordPress主题上创建自己的顶部栏，现在我只面临一个问题，即WordPress顶部栏出现在Chrome上而不是IE9上，我通过调整top=28相应地对cs进行了编码; 它在chrome上完美运行，因为WP顶部栏出现在上面，但不在IE9上，因为WordPress仪表板顶部栏不是出现在它上面和额外的顶部空间 28;出现

请让我知道我该如何修复它，以便它可以在任一浏览器上完美运行

Answer 1

如果您登录到WordPress管理面板，则会出现WordPress顶部栏。尝试登录IE9，您将看到管理栏。此外，管理栏使用带有 ！important 属性的 CSS。但是您不必担心，因为您网站的访问者看不到此栏。

当我第一次研究Wordpress主题时，这个酒吧浪费了我很多时间。您应该设计主题，请记住没有这样的栏，即top = 0（可以在您未登录管理面板的另一个浏览器中检查它以查看真实图片）

Answer 2

您可以有条件地设置顶部栏的样式，无论是否显示WordPress的管理栏。
检查Firebug或只是页面的源代码，您将看到WP在body元素上添加了类admin-bar。.logged-in也是，但我想无论是否显示WP管理栏，都会出现这个。

然后，您可以为访问者和您自己的顶部栏设置样式，例如：

.softgenic-bar {
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    background: black;
}
.admin-bar .softgenic-bar {
    top: auto;
    bottom: 0;
    background: darkred;
}

如果您将栏完全放置在其他地方，请不要忘记相应地添加/删除填充和边距。
您还可以决定将酒吧定位为绝对适合自己，并为您的访客固定。或者，如果它与你自己无关，则隐藏它，它完全取决于它的内容（例如，你不需要订阅自己的时事通讯^^但应用程序中的绘图工具仍然应该显示）