IE 6 7または8でCSSドロップダウンメニューが機能しない

Question

私はこの一日中私の頭を悩まされています。 .. 助けてください。

私は非常に基本的なドロップダウンメニューで、私が取り組んでいるかなりシンプルなウェブサイトを持っています。

FirefoxとSafariでうまく動作しますが、ドロップダウンはInternet Explorerに表示されません。見つけられるバージョンではありません。ここで

は、一時的なリンクです：リンク変更色が、ドロップダウンが

を失敗したのでwebsite

ホバーが、これは、本質的に、後に全体のウェブサイトを作るために使用されるテンプレートで動作しているようです。 ..今はただこのメニューを働かせたいだけです。

また、ロゴの周りに奇妙な境界線を置いているようです...誰もがそれを知っていますか？ロゴに国境を取り除くために

Answer 1

は、スタイルシートでこれを使用します。

a img { 
border-style: none; 
} 

私はいくつかのことを試してみましたが、ホバリングイベントは、あなたが使用セレクターで作業されていません。

#menu ul li:hover ul 

私はこれをファイルにそれを得た：

#menu ul a:hover 

をしかし、その後、あなたはそれを示すために、UL要素にアクセスすることはできません... IこれをIE（少なくともIE6）で修正するにはJavascriptが必要だと思います。

Answer 2

IE6は、リンク以外の要素に:hoverを単にサポートしていません。 Son of Suckerfish Dropdownsの記事のsfHover機能をHTML Dogでご覧ください。この関数は、IE6のJavaScriptの代替手段です。私は完全な記事を読むことをお勧めします。

sfHover = function() { 
    var sfEls = document.getElementById('nav').getElementsByTagName('li'); 
    for (var i = 0; i < sfEls.length; i++) { 
     sfEls[i].onmouseover = function() { 
      this.className += ' sfhover'; 
     } 
     sfEls[i].onmouseout = function() { 
      this.className = this.className.replace(new RegExp(' sfhover\\b'), ''); 
     } 
    } 
} 
if (window.attachEvent) window.attachEvent('onload', sfHover); 

そして、画像の周囲に境界線について、単に追加：

img { border:0 }