IE6懸停問題

Question

CSS :hover在IE6中不適用於非鏈接的元素。 有解決方法嗎？ 例如，我如何應用:hover到div ？

Answer 1

無論如何：懸停 。 我自己從未使用它，但從我聽到的，它運作良好。

無論如何：懸停是一個自動補丁的小腳本：hover，：active和：專注於IE6，IE7和IE8的怪癖，讓你像在任何其他瀏覽器中一樣使用它們。 版本3引入了ajax支持，這意味着任何通過javascript插入到文檔中的html也會觸發：hover，：active和：IE中的焦點樣式。

Answer 2

您可以使用Dean Edwards的着名IE7.js ，它具有很好的優勢，您可以在CSS中使用:hover選擇器。

除此之外，我懷疑你是否可以單獨使用CSS來實現它。 IE可以通過expression()處理CSS文件中的JS，但如果你抓住我的漂移，你就無法使用表達式來處理沒有選擇器處理懸停的懸停。

然后，最后，一個簡短的jQuery解決方案：

$(document).ready(function () {
  $('div').hover(function () {
    $(this).addClass('hover');
  }, function () {
    $(this).removeClass('hover');
  });
});

然后你可以在樣式表中使用它：

div:hover, div.hover { ... }

Answer 3

• 如果你只需要精確的div而你沒有使用jquery，那就去@futta建議的suckerfis js。 http://www.htmldog.com/articles/suckerfish/
• 如果您計划將來在更多標簽上使用Hover，並且不希望每次為此編輯js，請轉到適用於IE6的Whatever.htc 。 正如@Pekka建議的那樣。

 Suckerfish vs. .htc 

在我們擁有Suckerfish的藍色角落，原始的輕量級，可訪問，跨瀏覽器，符合標准：懸停模仿。 在我們的紅色角落'.htc' - 通過CSS訪問的JavaScript文件模仿：懸停。

丁鼎！

並且Suckerfish立即對.htc的有效性造成沉重打擊 - .htc根本不符合標准的CSS。

Oooo ...... .htc偷偷摸摸地狡猾的刺戳而不需要額外的選擇器......

Suckerfish在環上反彈。 他的重量比他的對手輕得多。

和哦！ IE 5.0勾拳！ 這就是.htc只是沒有技能，而Suckerfish可以無縫地使用IE 5.0。

.htc很茫然！ 比賽結束了！ Suckerfish贏得積分！ TKO！

• 如果你想獲得其他東西的利益（不哈弗等）也於IE瀏覽器 ，然后去IE7.js為@Boldewyn建議
• 如果你已經在使用jquery並希望以有限的方式使用懸停，那就去這樣： 如何使用jquery在minmal代碼中為IE6啟用hover？

IE6中沒有純粹有效的CSS解決方案。

• 一個非有效的CSS表達式解決方案可用，但我不建議使用它， 因為它很慢

  解決方案： http ： //www.visibilityinherit.com/code/ie6-hover-expression.php

Answer 4

suckerfish 和它的后代也為這個目的提供了很好的輕量級替代品。