如何为位于顶部每个页面顶部的网站创建一个纯白条？

【问题标题】：How do I create a plain white bar for a website that sits on top of every page at the top?如何为位于顶部每个页面顶部的网站创建一个纯白条？
【发布时间】：2014-08-10 05:25:04
【问题描述】：

这是我正在尝试重建的网站 - http://www.ulta.com/

我正在尝试将搜索栏替换为纯白色栏，上面的文字很少。它需要出现在每个页面上，就像在 http://www.ulta.com/ 上一样。

我在网站上使用 Wordpress，而且对 HTML/CSS 还很陌生。请指教。谢谢。

【问题讨论】：

标签： html css web wordpress

【解决方案1】：

您可以在 CSS 中声明一个带有 position:fixed 的 Div。

【讨论】：

谢谢。你介意解释一下吗，我是 CSS/HTML 的新手。我会在哪里声明？在我的 .css 文件中？如何确保它出现在每个页面上？

【解决方案2】：

在 CSS 中，放置“位置：固定；”对于您试图在顶部修复的位置/div。

【讨论】：

【解决方案3】：

将以下 div 添加到 header.php 文件中的标记之后。

<div class="topFixedBar">Some text</div>

并将以下内容添加到您的 style.css 文件中。

.topFixedBar
{
    position: fixed;
    width: 100%;
    background: #fff;
    height: 30px;
}

上面应该在每个页面的顶部显示一个白条（您可以根据需要更改背景颜色/高度。

【讨论】：