element中如何让el-card中的元素显示在el-carousel 上

Question

问题遇到的现象和发生背景

如何在el-carousel上显示其他元素

用代码块功能插入代码，请勿粘贴截图

        <el-carousel height="600px"  indicator-position="outside">
            <el-carousel-item v-for="item in 3" :key="item">
            </el-carousel-item> 
        </el-carousel>
        <el-card class="box-card">
            <div v-for="o in 4" :key="o" class="text item">
              {{'列表内容 ' + o }}
            </div>
        </el-card>

运行结果及报错内容

我的解答思路和尝试过的方法

如何让el-card中的元素在el-carousel 上显示出来 使用了float元素但是el-carouse中的元素会挡住el-card中的元素

我想要达到的结果

让el-card中的元素显示在el-carousel 上

Answer 1

试试给box-card添加绝对定位，用z-index把层级调高