css - 可以使div的文本不可见但其背景图像仍然可见

Question

我想让我的 div 的文本内容不可见，但仍显示背景图像。那可能吗？

在app中，div的单字符内容决定了哪个类有条件的应用到div上，但内容本身并不是需要显示的。我想显示与类关联的图像。

Answer 1

添加color:transparent;到divCSS。它会使div有文本，但文本颜色相对于背景是透明的。

CSS（带有示例图像）：

#test{
    background-image: url('http://static.adzerk.net/Advertisers/12f0cc69cd9742faa9c8ee0f7b0d210e.jpg');
    height: 300px;
    color: transparent;
}

演示小提琴。