html 表单背景覆盖

Question

我有这个CSS代码:

#ticket {
        background:rgba(139,137,137,0.7);
    }

我的表单有一个 ID 为 ticket

这是在表单上显示背景，但是文本输入、文本区域和选择输入并显示在背景的“顶部”

如何让背景显示在所有元素之上？

Answer 1

试试这个

    #ticket{
    display: block;
    width: 200px;
    height: 100px;
    background: green;  
    position: relative;
}

#ticket:before {
    position: absolute;
    display: block;
    background:rgba(139,137,137,0.7);
    content: "";
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    z-index:9999;
 }

DEMO HERE