1

我在 header.php 中的某些 div 上添加了我的 css 功能，以便在 wordpress 主题上创建我自己的顶部栏现在我只面临一个问题，即 wordpress 顶部栏出现在 chrome 上但没有出现在 IE9 上，我相应地对 css 进行了编码调整顶部=28；它在 chrome 上完美运行，因为 WP 顶部栏出现在其上，但不在 IE9 上，因为 wordpress 仪表板顶部栏未出现在其上，并且顶部空间为 28；出现

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

4

2 回答 2

1

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

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

于 2012-05-31T08:25:11.983 回答
1

无论是否显示 WordPress 的管理栏，您都可以有条件地设置顶部栏的样式。
检查 Firebug 或只是您页面的源代码，您会看到 WPadmin-bar在body元素上添加了一个类。同样，.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;
}

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

于 2012-05-31T09:48:07.960 回答