Question

我已经为我们的网站上传了一个新的标题图片，虽然它在所有手机上升时显示正确但是有几个人只看到一个黑色方块。

代码已设置为在桌面上挑选视频，尽可能在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和三星的用户却没有看到它。但代码块与另一张输出正常的幻灯片设置相同。我错过了什么？

Answer 1

只是一个建议 - 尝试不透明的背景（alpha 1.0）。此外，当您想要快速进行测试时 - 您可以测试在Safari中显示图像（如果在Safari中为黑色，对于iPhone也是黑色）。

图像未显示在某些移动设备上

1 个答案: