Как избавиться от мигания всплывающих по hover блоков при наведении на них курсора?

Question

[Сергей Гордеенков]

Всем добрый вечер.

превьюшка страницы
html , css

В разделе The Undiscovered Beauty три картинки, при наведении на которые (а точнее на родительский div) всплывают кнопки. При последующем наведении на сами кнопки они начинают моргать, как и всплывающая "паранджа" на картинке. Причина, как я понимаю, в том, что всплывающие кнопки перекрывают hover по родительскому div-у. Подскажите, как обойти эту проблему :)

PS: неожиданная для меня особенность, превью на github не отображает svg файл в качестве backgound-image, хранящийся в их репозитории, хотя при изменении ссылки на внешний svg (например svgshare.com/i/3HH.svg) прямо в отладчике браузера, всё отображается корректно. Аналогично корректно отображается при просмотре проекта из папки на домашнем компьютере с локально хранящимся svg.

Answer 1

[twobomb]

Повесь hover эффект затемнения на div с классом articles_content или помести все 3 дива внутрь дива с классом articles_content_img