div没有出现textarea angular

Question

这是我的HTML，我使用角度但不确定我的错误是非常简单还是我疯了哈哈。我在文本框周围放了一个div并将它定位为rel而文本框是abs，背景应该在div中，文本框应该放在它上面。我没有将它直接应用到我尝试和工作的文本框中，但是对于我的文本来说这是一个问题，文本偏离了彩色背景。

HTML

<div class='email'>
    <p> Have Questions?
    </p>

    <form>
        <div class='backg'>
            <input placeholder='Name:'>
        </div>

        <div class='backg'>
            <input placeholder='Email:'>
        </div>

        <div class='mess'>
            <textarea class='message' placeholder='Message'>
            </textarea>
        </div>

    </form>


</div>

这是我的scss，这不是很好。我还是18岁的初学者，所以你能给我一些愉快的建议。

SCSS

 .email {
     width:100%;
     height:400px;

     p {
         width:100%;
         height: 30px;
         font-size: 20px;
    }

    .backg {
        height: 60px;
        background-image: url('/assets/images/back.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 80%;

        input {
            width:100%;
            height: 100%;
            text-indent: 50px;
            color: black;
            border:none;
            background-color: transparent;
            font-size:15px;
            margin:0px;
            padding:0px;
            font-weight: 400;
            font-family: monospace;
            position: absolute;
            z-index: +5;

        }
    }

    .mess {
        width:40%;
        display: flex;
        flex-wrap: wrap;
        height:150px;        
        background-image: url('/assets/images/back.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }


    .message {
        width:100%;
        position: absolute;
        z-index: +5;
        height:150px;
        color: red;
        font-size: 20px;
        text-indent: 50px;
    }


    ::placeholder {
        color: black;
        font-weight: 400;
        font-size:15px;
        font-family: monospace;
    }
 }

Answer 1

我弄清楚了：背景颜色：透明;显然背景默认是白色的，它覆盖了div。但为什么不表明它存在？