在materializecss中将元素放置在底部模态之外时，元素不会显示

Question

我有一个上面的materializecss的模态底部，我想显示一个标题但是当它以绝对定位时它被隐藏起来，我尝试了一些方法，但无法理解为什么会发生这种情况。

附上下面的图片以便更好地理解

正如您所看到的那样 hello 正在隐藏，而我正试图将其显示在模态上方。

这是我为它写的CSS

.title{
  padding:10px 15px;
    background:#000;
    color:#fff;
    display:inline-block;
    position:inherit;
    bottom:320px;
    z-index:1100 !important;
}