半页的宽度背景

Question

我试图创建一个除以50％宽度的菜单。
这是我到目前为止所做的尝试：
http://jsbin.com/gobacewovu/1

所以，正如你所看到的，我的问题是＆＃34;搜索＆＃34;文字是看不见的。我注意到了这个问题并创建了另一个页面，使用了＆＃34;菜单＆＃34;类。
http://jsbin.com/melekitata/1

问题现在更大了。我甚至在这个网站上寻找解决方案，但我还没有找到解决方案。

有没有人可以帮助我，我严重陷入困境。 感谢。

Answer 1

这是因为#look有固定的位置，您需要将#search position: relative; z-index: 1;放在堆叠顺序的上方。

<强> CSS

#search {
  position: relative;
  z-index: 1;
}

我并不完全确定您要使用此布局实现的目标，但如果您再给我一些信息，我可以帮助您。