0

在我的网站上工作时，我决定加入 PHP 只是为了玩弄。我想我正在为它付费（有点），所以不妨使用它。我遇到的问题是，当我将鼠标悬停在我制作的导航栏中的链接上时，我正在使用的悬停“装饰”会更改悬停背景高度。问题是，它在每一页上都这样做，但并非总是如此。似乎是随机的。出于某种原因，它似乎在我的关于页面上做得更多，但我已经看到它在其他人身上做了。我没有对其他人进行任何更改以使其停止，也没有对 about 进行任何更改以使其启动更多。

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

由于我还不能发布图片，这里是截图的链接

错误
（来源：journeytomyoasis.com）

关于页面顶部的代码

<?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");?>

navigation.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="https://web.archive.org/web/20161001170100/http://journeytomyoasis.com/">HOME</a> 
        </div>
    </div>
</nav>
<!--END Navigation-->

在关于页面的顶部，我包含了我正在使用的 Facebook 代码，以便大家知道它就在那里，以防大家可能认为是它。我已经倾注了很多代码，但我看不到错误。它是所有页面上使用的相同 php 文件，并且每个页面至少有一次问题，但并不总是让我感到困惑。

我在 Firefox 和 IE 10 上测试过

谢谢你们。

4

1 回答 1

1

看看第 110 行左右structure.css：

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

您41px在悬停时将菜单项的高度明确设置为（如果您不指定单位，浏览器通常会假定像素，尽管从技术上讲这是不允许的）。删除它，它们不会改变大小。

于 2013-08-23T04:29:35.003 回答