Question

我试图为＃7设置背景白色，如下所示： http://jsfiddle.net/eab6ytom/1/

我不希望在我的文字中显示一行7.Input Type "submit"/"reset"

此部分的相关代码：

<div class="subHeader">
        <h3>7.Input Type "submit"/"reset"</h3>

    <div class="submit">
            <div class="subBorder">
                <div class="subBordColor">
                <p> <input type="submit" value="Submit Information" />
                    <input type="reset"  value="    Clear   " />  
                      </p> 
                      </form>
                </div>
            </div>
        </div>
    </div>

     h3{
    position:absolute;
    border-style: solid;
    border-color: blue;
    margin-left:-300px;
    margin-top:200px;
    font-size:12px;
    background-color:white;
}
 .subBordColor{
    border-style:solid; 
    border-color:blue;
    padding:10px;
}
.subBorder{
    border-style:groove; border-width:10px;
    border-top-color:#A0A0A0; 
    border-right-color:#A0A0A0 ;
    border-bottom-color:#A0A0A0 ;
    border-left-color:#A0A0A0 }
}

Answer 1

背景颜色很好。线穿过盒子的原因是它在它上面。元素的z顺序默认由元素顺序决定;最后一个元素位于顶部。

您可以将z-index: 1;添加到h3规则中，以将其置于其他元素之上。

CSS设置背景白色

1 个答案: