在桌面上隐藏备用图像

Question

我正在研究website，我正在使用mp4视频作为背景，如您所见。

此BG视频不适用于手机，为此我必须使用备用映像。

问题是，在页面加载时，该图像可见1或2秒。是否有可能将其完全隐藏在桌面上？

任何提示？

Answer 1

使用CSS3媒体查询，以去除背景如下

@media only screen and (min-width: 769px) { 
    #idOfElementToHide { 
     background-image: none !important; // assuming that you are using inline styles you'll have to add !important to make sure this overrides the inline styles 
    } 
}