半页宽度的背景

Question

我正在尝试创建一个菜单，该菜单除以50％的宽度。
到目前为止，这是我一直在尝试的方法：
http://jsbin.com/gobacewovu/1

因此，如您所见，我的问题是“搜索”文本不可见。 我注意到了这个问题，并使用“菜单”类创建了另一个页面。
http://jsbin.com/melekitata/1

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

没有人可以帮助我，我被严重卡住了。 谢谢。

Answer 1

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

CSS

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

我不确定您要使用此版式实现什么，但是如果您给我更多信息，我可以为您提供帮助。