Скрытие элемента div без скрытия части div

Question

У меня проблема, о которой я не знаю, как обойти. Я использую скрипт магазина, где я могу только редактировать файл CSS. У меня есть DIV с фона изображения и там у меня есть нормальный образ:

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

Все хорошо, но я хочу использовать медиа-запросы (или любой другой метод), чтобы скрыть фон -image div для мобильных устройств, но я понятия не имею, как это сделать, потому что медиа-запросы не работают для определенных атрибутов, только для целых элементов, поэтому, если бы я скрывал div, мой img также скрывался, я не хочу.

Answer 1

Попробуйте это:

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

Answer 2

Вы можете изменить атрибут относительно размеров носителя.

Ваш CSS:

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

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

Answer 3

Вы можете скрыть DIV с запросом средств массовой информации. например:

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

или если вы просто хотите, чтобы удалить фоновое изображение:

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