在桌面上隱藏備用圖像

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