【问题标题】:Container not extending with images容器不随图像扩展
【发布时间】:2012-02-06 07:11:13
【问题描述】:
我有一个 wordpress 网站,为了获得一些翻转图像,我必须在图像上设置 z-index。但是我认为因此它们应该在其中的容器不会随它们一起扩展,并且您放入容器中的任何文本,即使在图像之后输入,也总是出现在图像上方。
违规页面可以在这里找到:http://mysterybox.co/creatives/
这是问题的屏幕截图:
谁能帮我把黑盒子扩展到图像之外?
【问题讨论】:
标签:
javascript
css
image
layout
z-index
【解决方案1】:
为 CSS 中的 .post.page 类提供 overflow: hidden;。这将纠正错误。
即
更新
.post.page {
background-color: rgba(0, 0, 0, 0.80);
padding: 20px;
margin: 0 0 100px;
overflow: hidden; // this is the new addition
}
我刚刚使用 Chrome 检查器测试了更改,它可以通过超出中心的图像/动画来正常工作。