Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
112 views
in Technique[技术] by (71.8m points)

html - top navbar is not clickable

I am trying to write a website(it's my first time), but I have problem. I have a simple navbar on the top, which is not clickable(i open up in google chrome). I had try adding z-index before, but it still do not work too.

Here is my navbar code and Css :

#header {
  height: 100vh;
  background-image: url(image/dashboard.png);
  background-position: center;
  background-size: cover;
  background-color: rgba(226, 29, 57, 0.1);
}

.container {
  margin-right: 100px;
  margin-left: 100px;
}

.logo {
  margin-top: 20px;
  width: 100px;
}

.topNav {
  width: 100%;
  margin: 0;
  padding: 0px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topNav ul li {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
}

.topNav ul li a {
  text-decoration: none;
  color: rgb(26, 26, 26);
  font-size: 21px;
}
<section id="header">
  <div class="container">
    <div class="topNav">
      <img src="image/logo.png" class="logo">
      <ul>
        <li><a href="#home">Home</a></li>
        <li><a href="#user guide">User Guide</a></li>
        <li><a href="#feature">Features/Download</a></li>
      </ul>
    </div>
  </div>
</section>
question from:https://stackoverflow.com/questions/65660725/top-navbar-is-not-clickable

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...