Question

我有两个由于某些原因无法点击的锚标记。应该打开一个链接，以便客户可以向我发送电子邮件至我的电子邮件地址。另一个链接应打开电话或应用程序，以便客户可以通过电话与我联系。

我无法弄清楚为什么只有这两个链接不起作用。我正在使用引导程序模板，因此本节（jquery？）中可能存在某些阻止链接正常运行的内容。同一部分中无序列表中的图标似乎没有此问题。

<section class="ftco-section about-section">
        <div class="container">
          <div class="row d-flex" data-scrollax-parent="true">
            <div class="col-md-4 author-img" style="background-image: url(images/author-1.jpg);" data-scrollax=" properties: { translateY: '-70%'}"></div>
            <div class="col-md-2"></div>
            <div class="col-md-6 wrap ftco-animate">
              <div class="about-desc">
                <h1 class="bold-text">About</h1>
                <div class="p-5">
                  <h2 class="mb-5">Hi! I'm Matthew Mullins</h2>
                  <p>I thrive working on large, commercial, information heavy site designs. I have an emphasis on ease of use & simplicity. My idea of great visual design: when it enhances the user experience, & doesn't get in the way.</p>
                  
                  <ul class="ftco-footer-social list-unstyled mt-4">
                    <li><a href="#"><span class="icon-behance"></span></a></li>
                    <li><a href="#"><span class="icon-dribbble"></span></a></li>
                    <li><a href="#"><span class="icon-instagram"></span></a></li>
                    <li><a href="#"><span class="icon-google"></span></a></li>
                  </ul>
                  
                  <p>Email: <a href="mailto:example@gmail.com">example@gmail.com</a></p>
                  <p>Phone: <a href="#">(442)-224-4005</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

我希望链接能打开到各自的位置。相反，该文本为蓝色，但鼠标没有指示其下方有一个链接。

Answer 1

发表我的评论作为答案：

似乎在您的链接中包含CSS，如您所举的示例中所示。尝试在这些链接上设置cursor: pointer;，这应该表明它们是可点击的链接。

您的Bootstrap或其他样式的某些内容必须已经覆盖了默认光标，将其作为链接元素上的指针。

谁能告诉我为什么我的段落链接不可点击？

1 个答案: