我有一个wordpress网站,为了有一些翻转图像我必须在图像上设置z-index。但是我认为因为这个它们应该在里面的容器不会随它们延伸,并且你放入容器的任何文本,即使在图像之后输入,也总是出现在图像上方。
可以在此处找到违规页面:http://mysterybox.co/creatives/
以下是问题的屏幕截图:
任何人都可以帮我将黑匣子伸出图像吗?
答案 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检查器测试了更改,它可以通过扩展到中心的图像/动画来正常工作。