html - 半页宽背景

Question

我正在尝试创建一个按 50% 宽度划分的菜单。
这是我到目前为止一直在尝试的:
http://jsbin.com/gobacewovu/1

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

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

有没有人可以帮我解决这个问题，我真的被困住了。谢谢。

Answer 1

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

CSS

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

我不完全确定你想用这个布局实现什么，但是如果你给我更多信息，我可以帮助你。