大家午安,
"html 元素樣式 background image偶爾未顯示(圖片資源可讀)"
如標題情境,測試了一段時間,目前仍然沒有什麼頭緒,所以想請教各位是否有遇過類似問題,是否能提供我一些方向QQ。
目前我只有在mobile裝置上的chrome遇到(版本84.0.4147.89)。
有發生類似情形的元素有:
單選元素 input type="radio"
採用的css屬性設定
input[type=radio ]:not(old) + label{
background: url(../../Images/selected.png) round;}
input[type=radio ]:not(old):checked + label{
background: url(../../Images/unselected.png) round;}
div class="myclass"
採用的css屬性設定
background: url(../../Images/btn_blue.png) round;
排錯上,透過chrome remote debugging,確認過的狀態有:
-----後續更新-----
目前測試如果在dev tool觸發css重載,狀況就解決了。因此,暫時先用JS強制重載CSS,然後再觀察看看。
網頁有放到空間上看過嗎?
只有在本地端上看?
你沒有提供頁面或範例
很難知道遇到甚麼問題
基本推測可能是相對路徑造成的。
建議你採用絕對路徑。