小さい画面で背景画像を隠す

Question

小さい画面やモバイルなどで表示したくない大きな背景写真があります。背景色として定義された色を表示したいと思います。

コードは、私が

@media (max-width: 768px) { 
#search_container1 { 
     background-image: none !important; 

    } 
} 

が、didntの仕事をしようとしている

#search_container1 { 
position: relative; 
height: 500px; 
background: #4d536d url(../img/slide_hero.jpg) no-repeat center top; 
background-size: cover; 
color:#fff; 
width: 100%; 
display:table; 
z-index:99; 

です。

どうすれば簡単にできますか？

Answer 1

最初のルールではbackground-imageではなくbackgroundを使用しましたが、同じパラメータで上書きする必要があります。

だからあなたのメディアクエリーは、単に画像なしで、あまりにも、backgroundパラメータを使用しています

@media (max-width: 768px) { 
    #search_container1 { 
     background: #4d536d !important; 
    } 
}