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

Question

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

在应用程序中，div的单字符内容确定哪个类有条件地应用于div，但内容本身不是需要显示的内容。我想显示与班级相关的图像。

Answer 1

将color:transparent;添加到div CSS。这将使div具有文本，但文本颜色相对于背景是透明的。

CSS（带示例图片）：

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

Demo Fiddle