html - Chrome 和 Firefox 中不显示背景图片

Question

背景图像未在 Chrome 或 Firefox 中显示。但是，使用其他浏览器时图像显示正常。

• 相对链接和硬链接(hard link)
• 替换(并且使用图像文件可以，视频消失)
• 广告拦截不相关

Apache 共享服务器/共享主机环境。

预期结果:页面顶部播放背景视频。 背景视频在主登陆页面上工作，但在当前设置在 .css 中的部分页面上不工作(类似于全屏视频背景 CSS 方法)。

 <header id="header">
  <div class="intro">
    <div class="container">
      <div class="row">
        <div class="intro-text">
            <h1><span class="name">TEXT</span></h1>
            <h2><span class="someClass"><span>Design &#38; TEXT</span></h2>
            <p><a title="TEXT" href="TEXT" class="btn btn-default btn-lg page-scroll" class="class2"><i class="fa fa-level-down" aria-hidden="true"></i></a>
            <a title="TEXT" href="TEXT" class="btn btn-default btn-lg page-scroll" class="class22"> <i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
            <a title="Send email" href="mailto:TEXT?subject=EMAIL ADDRESS NEEDS EDITING&body=Please remove the text 'NOTSPAM' from the address before sending your email." class="btn btn-default btn-lg page-scroll" class="class22"> <i class="fa fa-envelope" aria-hidden="true"></i></a></p>
          </div>
      </div>
    </div>
  </div>
</header>

Answer 1

你说背景图片不显示，然后你说背景视频不播放。您似乎正尝试在 CSS 背景属性中使用 mp4 - 这将不起作用，background 属性(或 background-image，更准确地说 - 您'正在使用速记)不支持视频。