首页 > 解决方案 > 我的指向其他 html 页面的 href 链接不起作用

问题描述

我已经对导航进行了更改,从仅滚动一页到将它们链接到其他页面。但在那之后我似乎无法使href链接工作。我不知道这里可能是什么问题

我没有对 CSS 进行任何更改,最初它是为了导航一个页面,但我将其更改为导航到其他页面

我很确定我需要对 CSS 做点什么,但我不确定它是什么


 class="sidebar-navigation hidde-sm hidden-xs">
        <div class="logo">
            <a href="index.html"><img src="img/logo.png" alt="logo" style=" margin-top:13px;width:100%;height:100%;"></a>
        </div>
        <nav>
            <ul>
                <li>
                    <a href="index.html">
                        <span class="rect"></span>
                        <span class="circle"></span>
                        Home
                    </a>
                </li>
                <li>
                    
                    <a href="company.html">
                        <span class="rect"></span>
                        <span class="circle"></span>
                        Company
                    </a>
                </li>
      

.sidebar-navigation nav {
  position: relative;
  top: 60%;
  left: 60%;
  -webkit-transform: translateX(-60%) translateY(-60%);
  -moz-transform: translateX(-60%) translateY(-60%);
  -ms-transform: translateX(-60%) translateY(-60%);
  -o-transform: translateX(-60%) translateY(-60%);
  transform: translateX(-60%) translateY(-60%);
}

.sidebar-navigation ul {
  margin-left: 45px;
  list-style: none;
  padding: 0;
}
.sidebar-navigation li{
  padding: 10px 0;
}
.sidebar-navigation span{
  display: inline-block;
  position:relative;
}
.sidebar-navigation nav a{
  display: inline-block;
  color: #fff;
  margin-top: 5px;
  text-decoration: none!important;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
.circle{
  margin-right: 5px;
  height: 10px;
  width: 10px;
  left: 0px;
  top: -1px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #fff;
  transition: all 0.3s;
}
.rect{
  height: 1px;
  width: 0px;
  left: 0;
  bottom: 5.5px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.1s, width 0.6s;
  -moz-transition: -webkit-transform 0.1s, width 0.6s;
  transition: transform 0.1s, width 0.6s;
}

标签: htmlhyperlinknavigationhref

解决方案


推荐阅读