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

Question

这是我尝试重新制作的网站 - http://www.ulta.com/

我试图用纯白色条替换搜索栏，文本上的文字很少。它需要在每个页面上，就像在http://www.ulta.com/上一样。

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

Answer 1

你可以用一个位置声明一个Div：在CSS中修复。

Answer 2

在CSS中，将＆＃34;位置：固定;＆＃34;对于您尝试在顶部修复的位置/ div。

Answer 3

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

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

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

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

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