在某些移動設備上不顯示圖像

我已經爲我們的網站上傳了一個新的標題圖像，雖然它在所有手機上正常顯示，但是有幾個人只看到一個黑色方塊。在某些移動設備上不顯示圖像

的代碼已經被設置爲挑選出在臺式機上的視頻，在1400x900如果可能的話，然後切換到需要較小的版本，所以這實際上是調用的任何頁面上只有一個是1400（或視頻）。

<ul class="list"> 
    <li> 
     <span><img src="/img/writing-briefs-1400.jpg" width="1400" height="900" alt=""></span> 
     <span style="background:rgba(153,153,153,0.9)">Theme. <small>#worklife</small></span> 
    </li> 
</ul> 

<div class="intro"> 
    <div class="visual">  
     <video autoplay preload="auto" autoplay loop webkit-playsinline> 
      <source src="/vid/sign-briefs.webm" type="video/webm"> 
      <source src="/vid/sign-briefs.mp4" type="video/mp4">      
     </video> 
     <img class="js_bg" src="/img/writing-briefs-1400.jpg" width="1400" height="900" alt=""> 
    </div> 
    <div class="detail" style="background:rgba(153,153,153,0.9)"> 
     <div> 
      <h2>Theme. <small>#worklife</small></h2> 
      <p>A lighthearted take on the corporate jargon that we encounter while working in a creative environment. First up, 'Writing Briefs'!</p> 
      <a href="/news/news.html" class="view" data-label="Latest News">Loading&hellip;</a>    
     </div> 
    </div> 
</div>

儘管這樣，儘管實際上我可以看到我的HTC One形象，對iPhone和三星的用戶不會看到它。但代碼塊與另一張輸出正常的幻燈片的設置相同。我錯過了什麼？

來源

2016-02-24 Nick

只是一個建議 - 嘗試不透明背景（alpha 1.0）。另外，當你想快速測試時 - 你可以測試在Safari中顯示你的圖像（如果在Safari中是黑色的，對於iPhone它也是黑色的）。

來源

2016-02-24 13:37:47

在某些移動設備上不顯示圖像

回答

相關問題