html - 我的指向其他 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;
}
解决方案
推荐阅读
- ruby-on-rails - 为什么在 Ruby on Rails 中使用“包含”时出现此错误
- android - Ionic Build 抛出以下错误:“找不到任何匹配 com.android.tools.build:gradle:+”
- json - 获取 XAML 预览的模型数据
- amazon-web-services - 如何在 aws-serverless-express 中使用 redis
- asterisk - AGI 应该如何处理 HangupRequest
- css - 如何使用 CSS 变换以正确的视角将两个或多个立方体彼此相邻放置?
- perl - Perl Excel::Writer:使用变音符号创建 Excel
- java - 使用 angular5 和 java 按日期搜索数据
- bash - 如何比较两个不同格式的日期?
- javascript - NextJS 和 highcharts-react-official 的气泡图