IE9懸停的問題

我有一個非常簡單的懸停功能，除了IE9（可能IE8及以下版本，還沒有測試過它們），似乎都能正常工作。IE9懸停的問題

非IE瀏覽器會這樣做;

Non IE http://oi39.tinypic.com/4gkl6f.jpg

IE9做到這一點;

我從閱讀各種後，它可以是與<a>標籤做的懷疑......但即使這似乎是設置好的給我。我是一個html/css/php noob，所以它可能是簡單明瞭的東西。任何幫助將不勝感激。

相關代碼;

CSS文件

#nav { 
width: 960px; 
height: 40px; 
border-bottom: 1px solid #ccc; 
} 

#nav a { 
display: inline; 
padding: 10px; 
text-decoration: none; 
background-color: #f1f1f1; 
} 

#nav a:hover { 
background-color: #bababa; 
height: 80px; 
}

PHP文件

<div id="nav"> 
<a href="index.php">Home</a> 
<a href="about.php">About</a> 
<a href="#">Portfolio</a> 
<a href="contact.php">Contact</a> 
</div> <!-- end #nav -->

來源

2012-01-26 FizzBuzz

看起來很好，我：http://jsfiddle.net/eX9xT/1/。你可能會用另一個規則來壓倒它。鏈接到您的網站？ – mowwwalker

我相信刪除「高度：80px」從#nav：懸停將得到瀏覽器顯示你想要什麼。

您正在將高度值設置爲內聯元素，顯然IE支持該值，而其他瀏覽器則不支持。

來源

2012-01-26 03:52:52 ppp

我知道這是我忽略的簡單而愚蠢的事情！稍微偏離中心位置，但它現在不調整頁面大小，所以對我來說足夠接近。 – FizzBuzz

@FizzBuzz這是我的理解，你要去一個菜單在這裏。你可以使用ul。例如，請參閱http://jsfiddle.net/6D38g/。 – ppp

謝謝你的安佩爾！這是一個整潔的網站，我不知道。使用ul是一種更好的做事方式嗎？它是否在所有瀏覽器中更一致地呈現？ – FizzBuzz

IE9懸停的問題

回答

相關問題