问题描述
非常感谢您的帮助,我有一个 HTML 文档,带有简单的粘性标题和白色链接。该网站具有交替的深色背景部分和浅色背景部分。我正在尝试为深色部分设置一个白色导航栏,为浅色部分设置一个深色导航栏(仅针对链接的文本颜色)。如果我不更改颜色,则浅色页面上看不到白色文本。提前致谢。
a {
color: #ffffff;
text-decoration: none;
}
.container {
margin: 0 auto;
padding: 0 2.4rem;
width: 100%;
max-width: 122.5rem;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
height: 8rem;
}
.nav-list {
list-style: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: $black;
padding: 4.4rem;
display: flex;
flex-direction: column;
justify-content: space-around;
z-index: 1;
transform: translateX(100%);
transition: transform 0.5s;
}
/* Media Queries : Tablet */
@media screen and (min-width: $media-m) {
.nav-list {
position: fixed;
width: initial;
height: initial;
background-color: transparent;
padding: 1rem;
justify-content: initial;
flex-direction: row;
transform: initial;
transition: initial;
}
.nav-link {
margin-left: 4rem;
transition: all 0.1s;
}
.menu-toggle {
display: none;
}
<div id= "mobilSidenav" class="container">
<nav class="navbar">
<div class="logo">
<img src="img/logo.png" alt="logo" srcset="img/logo.svg">
</div>
<ul class="nav-list">
<li>
<a class="nav-link nav_fontsize active link" href="dasCafe.html">das Cafe</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="dieHerkunft.html">Herkunft</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="#">Shop</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="#">Contact</a>
</li>
</ul>
<div class="menu-toggle">
<div class="hamburger">
</div>
</div>
</nav>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)