Я создаю веб-сайт, и сначала мне нужно было прокрутить меню, а потом я понял, что оно появляется не во всех браузерах, теперь я хочу изменить его на стабильное меню. Как лучше всего преобразовать прокручиваемую строку меню в стабильную?
.menubar {
position: fixed;
top: 0px;
height: 80px;
width: 100%;
z-index: 9999;
background-color: #FFF;
margin-top: -80px;
-moz-box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
-webkit-box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
}
<div class="menubar" data-scroll="true">
<ul class="mainmenu">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
Спасибо!