當懸停在<nav>鏈接上時，網站隨機更改懸停背景大小

在我的網站上工作時，我決定整合PHP只是爲了玩弄。我想我在託管（支付）它支付它，所以不妨使用它。我遇到的問題是，當我將鼠標懸停在導航欄中的鏈接上時，我正在使用的懸停「裝飾」會更改懸停的背景高度。問題是，它會在每個頁面上進行，但不是所有的時間。似乎是隨機的。出於某種原因，它似乎在我的關於頁面上做了更多，但我已經看到它在其他人上做了。我沒有對其他人做任何改變，使他們停止，也沒有任何改變，以使其開始更多。當懸停在<nav>鏈接上時，網站隨機更改懸停背景大小

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

code in the 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="http://www.journeytomyoasis.com">HOME</a> 
     </div> 
    </div> 
</nav> 
<!--END Navigation-->

在關於頁面的頂部，我包含了我正在使用的Facebook代碼，以便大家都知道它是在那裏，以防萬一您可能認爲是這樣。我已經傾注了很多代碼，但是我不能看到一個錯誤。事實上，它是所有頁面和每一頁上使用的相同的PHP文件至少有一次問題，但並不總是讓我感到困惑。

我已經在Firefox和IE 10

測試謝謝大家。

來源

2013-08-23 csmith5111

只需添加#menu a {height：17px！important;} – Arunu

看一看周圍的structure.css線110：

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

你明確設置的菜單項的高度41px（瀏覽器一般會假設像素，如果你不指定單位，但技術上它不允許）懸停。刪除它們，它們不會改變大小。

來源

2013-08-23 04:29:35

謝謝您的提醒。我確實改變了這一點，但是，它仍然在做。 – csmith5111

你的意思是刪除整條線。說得通。我只是添加了px。然後我重新閱讀你的答案。非常感謝。感謝您查看CSS。沒有感覺我應該複製整個事情。我想我可以單獨複製導航部分。接下來來清理我的代碼。 – csmith5111

當懸停在<nav>鏈接上時，網站隨機更改懸停背景大小

回答

相關問題