顯示問題：背景圖像隱藏子文本

我有以下幾點：顯示問題：背景圖像隱藏子文本

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

在Android瀏覽器，「世界，你好！」對講/屏幕閱讀器在選擇時不會被讀取。但是，如果我刪除「backgroundImage」類並選擇它，它將被讀取。有沒有辦法繼續使用背景圖像，但是其子節點的文本是否可讀？謝謝。

編輯：

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

來源

2014-04-08 Joshua Jennings

我們應該如何解決這個問題，而沒有'backgroundImage'類中的CSS？（即使可能從父元素繼承的css可能會導致問題）。請提供相關信息或者您的問題可能會被關閉。 –

已添加。 –

這是整個代碼有關的問題？它是否有任何父元素被定位或具有諸如'z-index'等屬性？ –

我發現了什麼是錯誤的。回顧一下，另一個人爲我不知道的元素添加了不透明度= 0的風格;解決這個問題就解決了。

來源

2014-04-08 18:08:35

顯示問題：背景圖像隱藏子文本

回答

相關問題