当鼠标在某些区域时，无法从页面底部的文本中删除下划线

Question

我不知道是什么让我网站的“关于”部分中的文字带有下划线。当您将鼠标悬停在屏幕底部大约 60% 的任意位置时，就会发生这种情况 - 从黑色部分的底部几厘米到白色部分的底部。

Answer 1

此文本和许多其他代码将视频包含在标签 <a></a> 中。它作为 link 的文本工作。如果您可以编辑源代码，则此页面需要将结束标记移至上层。来源很大，可以回答。解决方案取决于使用 link 的原因及其目的。由于没有说明为什么整个页面都包含在 link 中，因此您无法显示一个解决方案。我假设带有js代码的视频和文本本身不应该在link中。例如

之一

<a href="#gallery-section">
  <div class="windowdiv"></div>
</a>
  <div id="js-content">
    <video poster="images_about/thumbnail.png" controls="">
    <source src="images_about/about.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
  </video>

<p>
    Mosaicing offers me boundless possibilities for expression.
My art and technical studies in Italy and Australia have given me the skills needed to mosaic using my favourite material - handmade glass.<br><br>

I love to mix the a variety of handmade glass such as Italian smalti, 24ct gold leaf tesserae, millefiori, stained glass and iridised glass.
Mixed media interests me and I often include found objects, jewellery, bone china, antique glass and ceramic tiles.<br><br>

The technique of placing small pieces of beautiful materials (called tesserae) together to form images enables me to immortalise the creations of my imagination.
</p>
</div>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script>
  $(document).ready(function() {
    $('#js-content').load('/gallery.html');

    $('#js-navigation a').click(function(e) {
      e.preventDefault();
      $("#js-content").load(e.target.href);
    })
  });
</script>
  <!-- Optional JavaScript -->
  <script src="../js/script.js"></script>
<!--   <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script> -->
  <!-- navbar script https://codepen.io/albizan/pen/mMWdWZ -->
  <script type="text/javascript" src="js/navbar_script.js"></script>

Answer 2

问题是站点 header 下的内容被包裹在标签 a href="#gallery-section":

中

<a href="#gallery-section">
   /*content*/
</a>

发生这种情况的原因：

在 div 中，class m-container 没有足够的结束标记 </div>;
内容被错误地包裹在 a href="#gallery-section" 标签中。

这是问题区域的screenshot。

当鼠标在某些区域时，无法从页面底部的文本中删除下划线

Unable remove underline from text at bottom of page which occurs when mouse is in certain areas

html

javascript

css

underline