字体A某些图标不在Materialize css progress/determinate顶部

我正在尝试显示一个fontawsome图标，它位于materialize css progress/determinate div的顶部。但是没有运气。图标显示但不完全显示部分已剪裁/隐藏。我尝试了很多解决方法，但没有任何帮助

.progress.determinate{
溢出：可见；
z指数：1；
}
.进展.确定.fa{
位置：绝对位置；
顶部：-5px；
字体大小：12px；
右：0px；
能见度：可见；
z指数：9；
}

---

您的进度溢出已隐藏，因此请使其可见

.progress {

     overflow: visible;

     }

---

您的进度溢出已隐藏，请使其可见

.progress {

     overflow: visible;

     }

这是解决办法 检查这里，我用codepen创建并得到了解决方案，或者你只需要添加这个

.progress{ overflow:inherit!important }

这是解决办法 检查这里，我用codepen创建并得到了解决方案，或者你只需要添加这个

.progress{ overflow:inherit!important }

---

您的

.progress

溢出

是

隐藏的

，因此通过如下添加代码使其可见

.progress{
  overflow:visible !important;
}

！重要信息-通过添加

！重要信息

对于您的CSS溢出属性，您告诉您要先应用未看到的其他重要规则

。进度{
溢出：可见！重要；
}
.进展.确定{
宽度：70%；
}
.进展.确定.fa{
位置：绝对位置；
顶部：-5px；
右：0；
}

---

您的

.progress

溢出

是

隐藏的

，因此通过如下添加代码使其可见

.progress{
  overflow:visible !important;
}

！重要信息-通过添加

！重要信息

对于您的CSS溢出属性，您告诉您要先应用未看到的其他重要规则

。进度{
溢出：可见！重要；
}
.进展.确定{
宽度：70%；
}
.进展.确定.fa{
位置：绝对位置；
顶部：-5px；
右：0；
}