Question

请帮我这个代码..这只是一个示例布局.. 我希望文本覆盖div ..所以看起来div将是文本的背景

<div>Krishnais so beautiful</div>
<div class="box"></div>

CSS

.box{
    top:0px;
    left:0px;
    position:absolute;
    border:1px solid blue;
    background-color:blue;
    width:100px;
    height:100px
}

Answer 1

摆脱Position: absolute; + top和left

.box{
    top:0px;           #delete
    left:0px;          #delete
    position:absolute; #delete
    border:1px solid blue;
    background-color:blue;
    width:100px;
    height:100px
}

jsfiddle

Answer 2

您必须使用z-index设置文本的位置（绝对或相对）：

.text{
    position:relative;
    z-index:1;
}

为了操纵Z轴，您可以使用z-index属性。但是您只能为定位元素操作此属性。

<强> FIDDLE

如何在div中操纵绝对位置

2 个答案: