css下拉菜单不显示在safari中

时间:2017-07-10 09:32:42

标签: html css safari

我在safari 9.1中显示我的css时遇到了麻烦。它一直在Firefox,Chrome和Opera中工作,我已经在safari中检查了CSS,并且在切换时.open响应但不可见。它似乎被导航栏切断了。如果有人可以提供帮助,我们将非常感谢safari displayed incorrect others browsers



 ul.responsive {
   overflow: hidden;
   display: block;
   height: 0px;
   text-align: center;
   width: 100%;
}
	
ul.responsive.open{
   overflow: visible;
   height:250px;
   right: 0px;
   margin-top: 53px;
   margin-left: 0px;
   margin-right: 0px;
}

<nav>
  <a class="burger-nav"></a>
 <div class="container">
    <a class="logo" href="#">correct conversation</a>
    <ul class="main-nav">
       <li><a href="#home">Home</a></li>
       <li><a href="#faq">FAQ</a></li>
       <li><a href="#location">Locations</a></li>
       <li><a href="#prices">Prices</a></li>
       <li><a href="#bookings">Bookings</a></li>
    </ul>
    <ul class="responsive">
       <li><a href="#home">Home</a></li>
       <li><a href="#faq">FAQ</a></li>
       <li><a href="#location">Locations</a></li>
       <li><a href="#prices">Prices</a></li>
       <li><a href="#bookings">Bookings</a></li>
       <li><a href="about.html">About Us</a></li>
    </ul>
   </div>
</nav>
&#13;
&#13;
&#13;

0 个答案:

没有答案