使用CSS3在背景颜色上方显示表单

Question

您好我想知道如何让一个表单显示在背景颜色之上并且可能会稍微使用属性'position：relative'轻推它并将其设置为顶部或左侧的位置或者我可以使用'z -index'从堆叠或其他东西中取出表格请告诉我？

继承人我试图做的事情......

            <div class = "background">
             <form action = "" method = "" class = "form">
            <input type = "text">
             </form>
             </div>

        CSS3 CODE...

            .background {
                background:color: red;
                z-index: 100;
            }

           .form 
              {
              background-color: blue;
              position: relative;
              float: right;
              z-index: 200;
            }