如何透明化桌面中HTML中的nvabar和在移动屏幕中的切换显示相同的中殿栏？

问题描述

大家好如何在桌面上使用 HTML 透明化 nvabar ，并在移动屏幕上的切换上显示相同的导航栏。通过使用媒体查询

解决方法

在HTML中：

<div class="nav">
// opened navbar codes here
</div>

<div class="toggled">
// toggled navbar codes here
</div>

在CSS中：

.toogle{
display:none;
}

@media only screen and (max-width: 500px){
.toogle{
display:block;
}

.nav{
display:none;
}
}