fa fa图标是看不见的

Question

我最近建立了一个网站，因为它在我做完fafa图标之前就已经空白了。 HTML代码：

<div class="col-lg-3 col-md-6 text-center">
                  <div class="service-box mt-5 mx-auto">
                      <i class="fa fa-transgender fa-3x mb-3 sr-contact"></i>
                      <h3 dir="rtl" style="font-size:23px; text-align:right;">גיל מעבר, הפרעות בהורמוני מין כגון שיעור יתר בנשים, אקנה, נשירת שיער, שחלות פוליציסטיות, חסר הורמונאלי (טסטוסטרון נמוך) בגברים.</h3>
                  </div>
              </div>
              <div class="col-lg-3 col-md-6 text-center">
                  <div class="service-box mt-5 mx-auto">
                      <i class="fa fa-plus-square fa-3x mb-3 sr-contact"></i>
                      <h3 dir="rtl" style="font-size:23px; text-align:right;">בלוטת התריס – טיפול מצבי תת או יתר פעילות, איזון ומעקב במהלך הריון. קשריות בבלוטת התריס וגידולים ממאירים של תירואיד.</h3>

                  </div>
              </div>
              <div class="col-lg-3 col-md-6 text-center">
                  <div class="service-box mt-5 mx-auto">
                      <i class="fa fa-female fa-3x mb-3 sr-contact"></i>
                      <h3 dir="rtl" style="font-size:23px; text-align:right;">הפרעות אנדוקרינולוגיות בהריון, יעוץ טרום הריוני והריוני, הכנה להריון.</h3>

                  </div>
              </div>

但是当我运行网站时，它看起来像这样

添加了一个“没有地方的样式元素，我不知道如何删除它..

Answer 1

您已在图标上设置opacity:0。这将使其不可见。