Как через css скрыть и показать картинку?

Question

[Mavran]

Ребята создал картинку с id menu-size, в css указал menu-size{ display: none;}
и хочу показать эту картинку, но не знаю как, пробовал через visibility тоже не получилось, можно еще через js но я не знаю событий на то что когда ширина экрана стоит на определенном размер вытаскивать мою картинку.

Comments

[Юлия YuKi]

visibility и display - разные свойства, если присваиваете display: none; , то обратное ему, чтобы показать элемент будет display: block;

Answer 1

[Maxim Zhgulev]

если я правильно понял

@media (max-width: 500px) {
 #menu-size {
    display: block;
  }
}

Comments

[Вячеслав Успенский]

ну и правило по умолчанию
#menu-size
{
dysplay:none;
}

[Maxim Zhgulev]

у автора это указано. не стал повторяться

[Mavran]

у меня стоит display: none на картинки, а на @media (max-width: 572px){ display: block;}, и толку никакого!

[Trow_eu]

@Mavran: в медиа не прописан класс или вы вставили не весь код.
и стоит макс, т.е. видно будет при маленьком окне.

Answer 2

[Mavran]

Давайте я скину полностью,

<img id="menu-size" src="images/menu.jpg">

#menu-size{
	display: none;
}
@media screen and (max-width: 592px) {
        body {
            background-color: red;
        }
        #menu-size{
        	display: block;
        }
}

Comments

[Anton Filippov]

В этом коде всё работает.
(Если ширина окна меньше 592 появляется картинка)