2011-02-05 27 views
0

これは私のメニューのために私のコードです:6ホバーを修正するにはどうすればよいですか?

/*Menu*/  
#menu { 
    text-align: right; 
    margin-left: auto; 
    margin-right: auto; 
    height: 50px; 
    position: relative; 
    z-index: 5; 
    font-size: 0.75em; 
} 

#menu ul { 
    margin: 0; 
    padding: 10px 5px 5px 5px; 
    list-style: none; 
    line-height: normal; 
    border: 0px solid #03426A; 
    -moz-border-radius: 6px; 
    background: #F3F4FF; 
    position:relative; 
    width: auto; 
    float:right; 
} 
#menu ul li { 
    float: left; 
} 
#menu li ul { 
    display: none; 
} 
#menu ul li a { 
    display: block; 
    text-decoration: none; 
    color: #000; 
    display: block; 
    padding: 0px 15px 5px 15px; 
    text-decoration: none; 
    text-align: center; 
    font-size: 1em; 
    font-weight: normal; 
    border: none; 
} 
#menu ul li a:hover { 
    color: #0A67A3; 
} 
#menu li:hover ul { 
    display: block; 
    position: absolute; 
} 
#menu li:hover li { 
    float: none; 
    font-size: 0.9em; 
} 
#menu li:hover a { color: #0A67A3; } 
#menu li:hover li a:hover { color: #000; } 

/*End Menu*/ 

私は2つのチュートリアルを試してみましたが、しかし私はこの問題を解決するにはどうすればよい、すなわち5.5または6で、メニューの仕事を作る方法を見つけることができますか?

+0

はまたあなたのhtmlをコピーして... ネヴァーマインドは、答えは...ダウンHTC –

答えて

1

IE 5.5?本当に...うわー、あなたがまだそれと互換性がある必要がある場合は、あなたのために申し訳ありません...レガシー企業のアプリ私は思いますか?くそー!!

IE6のみを理解する:hover<a>の要素は確かです。しかし、あなたは新しいCSSの動作を作成するために、HTCファイルを使用して、ここで与えられた解決策を試すことができます:http://www.xs4all.nl/~peterned/csshover.html

+1

ありがとう、私は5を必要としませんが、サイトはいくつかの長老を得るかもしれない.. so .... – Yesterday

+1

@Cameron lolz私はそれを推測する。 – enam

+0

うわー、そのトリックは実際には5.5で動作します!!ありがとうございます、それは古いブラウザでは良く見えませんが、少なくとも今は適切にナビゲートすることができます! – Yesterday

3

IE6では、アンカータグ以外の要素のホバー疑似クラスはサポートされていません。 Suckerfishの息子はあなたのために働くかもしれない解決策を持っています:http://www.htmldog.com/articles/suckerfish/dropdowns/

+0

1 ..です私はまだこれを働かせることはできません。 JavaScriptコードはどこに置くのですか? – sunn0

+0

うーん以上のjavascriptのため – Yesterday