Masquage de l'élément div sans masquer une partie de div

Question

J'ai un problème que je ne sais pas comment contourner. J'utilise un script de magasin où je ne peux éditer que le fichier CSS. j'ai un div avec background-image et là j'ai une image normale:

<style type="text/css"> 
 
.someclassforcss img{ 
 
some:attributes; 
 
} 
 
.someclassforcss { 
 
background-image:url(/link.png); 
 
} 
 
</style> 
 
<div class="someclassforcss"> 
 
      <img src="/link2.png"> 
 
</div>

Tout est bien, mais je veux utiliser des requêtes média (ou toute autre méthode) pour cacher fond -image de div pour les appareils mobiles, mais je n'ai aucune idée de la façon de le faire, car les requêtes de médias ne fonctionne pas pour des attributs spécifiques, seulement pour des éléments entiers, donc si j'avais caché la div, mon img est également caché je ne veux pas.

Answer 1

Essayez ceci:

@media only screen and (max-width: 767px){ 
.someclassforcss { 
    background: none; 
} 
} 

Answer 2

Vous pouvez changer l'attribut concernant les dimensions de support.

Votre CSS:

.someclassforcss { 
    background-image:url(/link.png); 
} 

@media screen and (max-width: 762px){ 
    .someclassforcss { 
    background-image: none; 
    } 
} 

Answer 3

Vous pouvez cacher la div avec une requête de médias. par exemple:

@media (max-width: 600px) { 
.someclassforcss { 
    display: none; 
    } 
} 

ou si vous voulez juste supprimer l'image de fond:

@media (max-width: 600px) { 
.someclassforcss { 
    background-url: none; 
    } 
}