html - Cannon 在 flexbox div 项上绘制元素

Question

我有一个 div，它是一个 flexbox 项目，我想在其中绘制元素。

它没有定位，因为它在一个 flexbox 中，并且它已将不透明度属性设置为一半。我想在里面添加一些文本和图像，但是虽然我可以选择它们，但它们是不可见的。

编辑：谢谢大家，我附上了下面的代码：

<div id="div1">

    <div class="box">
        <h1>Text</h1>
    </div>

</div>

body {
    display: flex;
}

div {
    display: flex;
    flex-direction: column;
    align-items: center;    
    border: 2px solid black;
    width: 25%;
    height: 100vh;
}

#div1 {
    background: url('bg.jpg');
    background-size: 950px;
}

.box{   
    background-color: black;
    opacity: 0.5;
    width: 100%;
    height: 15%;
}

它的一页分成 4 个相等的部分。上面的代码编辑第一列。

标签： htmlcss