Javascript 使用css隐藏文本和更改图像

我正在尝试生成一个带有css的html页面，作为一种图像预览。这方面的一个例子如下：

然而，这种方法有几个缺点。其中之一是文本必须始终小于图像。我尝试在此处使用不同的尝试：

---

但无法让它工作。是否有人能告诉我如何修改第二个链接的代码，使其作为第一个链接使用，或者建议一种更好的方法？

第二个链接中的错误是您没有指定高度

属性。
试试下面的方法，它对我有效

.class1{
   color:#000;
   background-image:url('images/2.jpg');height:1000px;
}

您无法看到背景图像的原因是，因为div内没有任何内容，并且未指定高度
高度
为0。
尝试在div中放入一些元素，您将看到正在显示
图像

Ramjee
第二个错误是您没有指定高度
属性
。
试试下面的方法，它对我有效

.class1{
   color:#000;
   background-image:url('images/2.jpg');height:1000px;
}

您无法看到背景图像的原因是，因为div内没有任何内容，并且未指定高度
高度
为0。
尝试在div中放入一些元素，您将看到正在显示
图像

拉姆吉