html - 辅助功能问题 : Background Images Hiding Child Text

Question

我有以下内容:

<div class="backgroundImage">
    <div>"Hello world!"</div>
</div> 

在 Android 浏览器上，“Hello world!”选择后不会被对讲/屏幕阅读器阅读。但是，如果我删除“backgroundImage”类并选择它，它将被读取。有没有一种方法可以继续使用背景图像，但其子节点的文本可读？谢谢。

编辑:

.backgroundImage { 
    height: 400px;
    width: 400px;
    background-image:url('backgroundImage.png');
    overflow: hidden;
    display: block;
    position: relative;
}

Answer 1

我发现哪里出了问题。回过头来看，另一个人在我没有意识到的元素上添加了 opacity=0 样式；删除它解决了问题。