Question

元素的z-index或定位是否会阻止用户点击导航栏链接？

在我的网站http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html上，出于某种原因，我无法点击导航栏中的任何链接。这是z指数或定位的原因吗？如何缓解此问题以及用户通常如何避免此问题？

Answer 1

导航栏的Z-index应该高于页面的其余部分。

Answer 2

您的问题与z-index无关。别管它了。您的问题是滥用<header>元素。建议您在HTML5文档中使用一个<header>，尽管您仍然可以使用多个<div class="intro"> <div class="intro-body"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h1 style="font-family: Montserrat,Helvetica,Arial,sans-serif;" class="brand-heading">Harriton TSA</h1> <p class="intro-text" style="text-align:center;visibility:visible;">Take a virtual tour of our TSA Chapter and STEM program</p> <a href="#" class="btn btn-circle page-scroll" style="text-decoration:none;"><div id="scroll" style="font-size:22px;text-align:center;">Scroll</div><i class="fa fa-angle-double-down animated"></i></a> </div> </div> </div> </div> </div>。但在你的情况下，你的标题样式，它适用于导航和介绍。

替换div中的intro而不是像这样的标题：

#!/bin/bash

processIsRunning=$(forever list | grep -q 'process/index.js')
if [ -n $processIsRunning]; then
    echo 'Processes are running'
else 
    echo 'Processes are not running'
fi

瞧！你有导航功能

Z-Index防止单击导航栏链接

2 个答案: