Контейнер не расширяется с изображениями

Question

У меня есть WordPress-сайт, на котором для того, чтобы иметь несколько изображений, для которых нужно было сделать ролловер, я должен был установить z-индекс на изображениях. Однако я думаю, что из-за этого контейнер, в котором они должны находиться, не расширяется вместе с ними, и любой текст, который вы помещаете в контейнер, даже если он введен после изображений, всегда появляется над изображением.

Страницу с обидой можно найти здесь: http://mysterybox.co/creatives/

Вот скриншот проблемы:

Может ли кто-нибудь помочь мне расширить черный ящик за пределы изображения?

Answer 1

Дайте overflow: hidden; для класса .post.page в вашем CSS. Это исправит ошибку.

т.е.

UPDATE

.post.page {
    background-color: rgba(0, 0, 0, 0.80);
    padding: 20px;
    margin: 0 0 100px;
    overflow: hidden; // this is the new addition
}

Я только что протестировал изменение с помощью Chrome inspector, и оно работает правильно, выходя за пределы изображения / анимации, которые есть в центре.