Question

这是我的html，我使用的是angular，但不确定我的错误是否非常简单，或者我是否发疯了。我在文本框周围放置了一个div，并在文本框为abs时将其定位为rel，背景应该位于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

我已经弄清楚了：background-color：透明；显然，背景默认值是白色，它覆盖了div。但是div为什么不显示它存在呢？

div没有出现textarea angular +

1 个答案: