z-index另一个内部的单个div

Question

标题可能有点误导，但我不知道如何正确地表达我的问题...... 所以这就是：

＆＃13;

＆＃13;

.header {
	height:1000px;
	width:400px;
	background-color:red;
	z-index:0;
    color:blue;
}
.text {
    position:fixed;
}
.page {
	height:1000px;
	width:400px;
	padding:20px;
	background-color:black;
	z-index:0;
}

.container {
	height:150px;
	width:350px;
	background-color:white;
	z-index:20;
}

＆＃13;

<div class="header"><span class=text>Hello</span></div>

<div class="page ">
	<div class="container"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

所以我想在这里做的很简单，有＃34;你好＆＃34;文字超过红色和黑色的div，就像它已经存在一样，但在白色的div下......我认为这只是z-index的问题，但我无法找到办法它...

Answer 1

.container {
    height: 150px;
    width: 350px;
    position: relative;
    background-color: white;
    z-index: 20;
}

只需将position:relative属性添加到.container div：）