叠加帮助 - 找不到问题 [英] Overlay Help - Can't Find Problem

问题描述

在我的网站上，我正在尝试创建一个简单但有用的设计，而在我这样做时，我发现我似乎无法让侧边栏，页眉和页脚滑过菜单，我尝试编辑Z-Index，但仍然没有。



完整视图： http://jsbin.com/iJILEB/1/



代码编辑视图： http://jsbin.com/iJILEB/1/edit/

On my website, I'm trying to create a simple, yet useful design, while I was doing that, I've came across that I can not seem to get the sidebars, header, and footer to slide over the menu, I tried editing the Z-Index, and still nothing.

Full View: http://jsbin.com/iJILEB/1/

Code Edit View: http://jsbin.com/iJILEB/1/edit/

推荐答案

你走在正确的道路上，只需坚持一点......错误的是菜单应该比身体更高，4面应该是比菜单更高。可能还有一些其他调整，但我相信这是你需要的结果是



这里有一些我应该看看的，它适用于谷歌Chrome ：

Hi,

You were in the right path, just needed to persist a bit more... What was wrong was that the menu should be at a higher level than the body and the 4 sides should be higher then the menu. There might be some other adjustments, but I believe it to be your needed result is there

Here some of what I you should have a look, it worked on Google Chrome:

#body{
	...
	z-index: 1;
}
#header{
	...
	z-index: 3;
}
#leftsidebar{
	...
	z-index: 3;
}
#rightsidebar{
	...
	z-index: 3;
}
#footer{
	...
	z-index: 3;
}
#menu-button-open{
	...
	z-index: 3;
}
#menu-button-close{
	...
	z-index: 3;
}
.menu{
	..
	z-index: 2;
}

问候

Regards

这篇关于叠加帮助 - 找不到问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！