容器未随图像延伸

时间:2012-01-09 19:02:30

标签: javascript css image layout z-index

我有一个wordpress网站,为了有一些翻转图像我必须在图像上设置z-index。但是我认为因为这个它们应该在里面的容器不会随它们延伸,并且你放入容器的任何文本,即使在图像之后输入,也总是出现在图像上方。

可以在此处找到违规页面:http://mysterybox.co/creatives/

以下是问题的屏幕截图:

enter image description here

任何人都可以帮我将黑匣子伸出图像吗?

1 个答案:

答案 0 :(得分:1)

为CSS中的overflow: hidden;类提供.post.page。这将纠正错误。

<强>更新

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

我刚刚使用Chrome检查器测试了更改,它可以通过扩展到中心的图像/动画来正常工作。