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

Question

[Mavran]

Ребята я уже этот вопрос задавал тут, ну так как на него не ответили точного ответа и он не актуален на данный момент, то я создал такой же вопрос только с полным кодом! И так суть вопроса в том что у меня есть картинка и мне надо его спрятать через css и потом показать, я это сделал через display: none; а потом чтобы показать его я сделал display: block; спросите зачем мне это надо а я вам отвечу, я делаю адаптивный сайт. Вот полный код сайта лежит здесь. Но то что я сделал не получается он прячет картинку но не показывает при разрешении 592px

Answer 1

[Alexander Sydorenko]

У вас там проблема в следующем.. Картинку видимой то вы делаете,.. но родительский контейнер остается (или выставляется) display:none. Как результат картинка на разрешении не видна.

Обновил Ваш пример

1. Заменил id на класс, а то у вас в одном месте так, в другом иначе.
2. Вынес блок с картинкой за блок, который у вас скрывается при меньших разрешениях
3. для display:block на меньших поставил !important (возможно и не обязательно, так как стоит дальше по коду, но чтобы наверняка)

Comments

[Mavran]

Спасибо большое Александр! Я то мучился, думал в чем проблема

[Alexander Sydorenko]

Рад помочь!