Question

在我的网站上工作时，我决定加入PHP来玩。我想我在托管（某种程度）中付钱，所以不妨使用它。我遇到的问题是当我将鼠标悬停在我所创建的导航栏中的链接上时，我正在使用的悬停“装饰”会更改悬停背景高度。问题是，它在每一页上都有，但不是所有的时间。似乎是随机的。出于某种原因，它似乎在我的关于页面上做得更多，但我已经看到它在其他人身上做到了。我没有对其他人做任何改变，使他们停下来，也没有任何改变，以使其开始更多。

有问题的网站http://www.journeytomyoasis.com

~~由于我还无法发布图片，因此这里是截图~~

的链接

error http://journeytomyoasis.com/images/common/hover_error.png

位于页面顶部的代码

<?php $page_title = "About | Journey to my Oasis"; ?>

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=15681725508";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<?php include("includes/header.php");?>
<?php include("includes/navigation.php");?>

导航.php中的

代码

<!-- Begin Navigation -->
<nav>
    <div id="nav_container">
        <div id="menu"> 
            <a href="http://www.journeytomyoasis.com/about.php">ABOUT</a>  
            <a href="http://www.journeytomyoasis.com/blog">BLOG</a> 
            <a href="http://www.journeytomyoasis.com/portfolio.php">PORTFOLIO</a>
            <a href="http://www.journeytomyoasis.com/blog/journey/">JOURNEY</a>
            <a href="http://www.journeytomyoasis.com">HOME</a> 
        </div>
    </div>
</nav>
<!--END Navigation-->

在关于页面的顶部，我包含了我正在使用的Facebook代码，以便大家都知道它存在，以防你们都认为是这样。我已经倾倒了很多代码，但我看不出错误。事实上，它是在所有页面和每个页面上使用的相同的php文件至少有一次问题，但并不总是让我感到困惑。

我已在Firefox和IE 10上测试

谢谢大家。

Answer 1

查看structure.css的第110行：

#menu a:hover {
    background: #c2d4ec;
    height: 41;
    color: white;
}

你明确地将菜单项的高度设置为41px（如果你没有指定一个单位，浏览器通常会假设像素，但技术上不允许）悬停。删除它，它们不会改变大小。

将鼠标悬停在<nav>链接上时，网站会随机更改悬停背景大小</nav>

1 个答案: