在桌面上隐藏后备图像

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
    }
}