响应下拉菜单不起作用

时间:2016-06-13 08:26:34

标签: html5 css3 responsive-design wordpress-theming

好的,所以我花了24小时才知道如何在最小屏幕尺寸为720px时解决下拉问题:| ....但我无法修复它:(还有它' s rtl如果有任何其他错误请告诉我

HTML:

<header>


<!-- Navbar -->    
<nav class="nav">
    <ul>
        <li><a href="#"><i class="fa fa-home" aria-hidden="true"></i> menu1</a></li>
        <li><a href="#"><i class="fa fa-film" aria-hidden="true"></i> menu2</a>
            <ul class="sub">
                <li><a href="#">dropdown1</a></li>
                <li><a href="##">drowpdown2</a></li>
            </ul>
        </li>
        <li><a href="#"><i class="fa fa-filter" aria-hidden="true"></i> menu3</a></li>
        <li><a href="#"><i class="fa fa-comment-o" aria-hidden="true"></i> menu4</a></li>
        <li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> menu5</a></li>
    </ul>
    <!-- Search Box --->    
    <div class="search-div">
        <form method="get" action="/search" id="searchbox5">
            <input class="search" name="q" type="text" size="30" placeholder="Search..." />
        </form>

    </div>
</nav>
    <div class="logo-div">
       <a href="#"> <h1 class="logo-h1">LOGO</h1>
        <img class="logo-img" src="img/logo.png" onmouseover="this.src='img/rlogo.png'" onmouseout="this.src='img/logo.png'"/></a>
    </div>
</header>

CSS:

https://blography.org/main.css

1 个答案:

答案 0 :(得分:0)

您在position:absolute;的{​​{1}}效果上使用了:hover,因此请移除li position:absolute; :hover li .nav li:hover ul效果let ctrl = super.parentViewController as! UITabBarController for saveCtrl in ctrl.viewControllers! { if saveCtrl is SaveViewController { print("Worked") let newSaveCtrl = saveCtrl as! SaveViewController newSaveCtrl.saveDelegate = {(newValue: String) in self.Elemente.append(newValue) } } } }“