Question

我对网页设计很陌生，我为一个课程项目建立了一个网站。有一个问题似乎只发生在Internet Explorer中 - 它可以在Chrome，Edge，FF等中正常工作。当我将鼠标悬停在我的垂直导航按钮上时，它会创建一个巨大的垂直空间并按下导航栏和页脚waaaaaayyyyyy中间的巨大空白 - 超过10000像素的空白区域。

这是Javascript：

 $(document).ready(function(){
$("nav li").mouseenter(function(){
    $(this).fadeTo("normal", 1);
});
$("nav li").mouseleave(function(){
    $(this).fadeTo("normal", 0.6);
});

});

以下是导航的HTML：

<nav class="col-md-4">      
    <ul>        
        <li><a href="index.html">Home</a></li>      
        <li><a href="pricing.html">Pricing</a></li>     
        <li><a href="gallery.html">Gallery</a></li>     
        <li><a href="testimonials.html">Testimonials</a></li>   
        <li><a href="contact.html">Contact</a></li> 
    </ul>   
</nav>

有人可以从中判断是什么让它变得如此糟糕？谢谢！以下是该网站的链接：Nail Salon Project Site

导航栏中的鼠标悬停按钮在Internet Explorer中创建了巨大的垂直空间

0 个答案: