.el-col:hover{ background-color: red; position: relative; /* 添加 */ left: 0; z-index: 999; /* 调整为需要的值 */ } <el-col》在这个盒子的底下，上面有内容盖住了，怎么让他显示

要让`.el-col`元素在内容上方显示，您可以使用CSS的`z-index`属性来调整元素的堆叠顺序。将其设置为一个较高的值，以确保它位于其他元素的上方。

例如，您可以将以下样式添加到您的CSS代码中：

.el-col {
  position: relative;
  z-index: 9999;
}

在这个示例中，我们将`.el-col`元素的`z-index`设置为9999，以确保它显示在其他元素的上方。请根据您的实际情况进行适当调整，可能需要调整`z-index`值以满足您的需求。