html - CSS设置背景白色

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 规则中，将其置于其他元素之上。