Css 引导z-索引问题

我正在用最大高度显示面板，但它不能正常工作

Z索引无法正常工作

<div class="col-md-4 col-sm-6 col-xs-6">
    <div class="panel panel-default">
        <div class="panel-heading">
            <img src="image">
        </div>
        <div class="panel-body">

        </div>
    </div>
</div>

所以图像显示如下：

---

图像应该在面板后面。我的意思是它包含身体。不应该是这样的。

更新：

如果我理解正确，您希望图像的高度在

200px

之后被切断，因为这是分配给

面板标题的
最大高度。请试试这个：


。面板标题{
文本对齐：居中；
最大高度：200px；
溢出：隐藏；
位置：相对位置；
}
太棒了！非常感谢你。
panel-heading{
    text-align: center;
    max-height:200px;
    z-index: -9999;
}
.panel-heading img{
    z-index: -9999;
}
.panel-body{
    z-index: 9999;
}