CSSメニューヘルプ（IE Not working＆Transation）

このメニューはどのIEバージョンでも機能しません。どうすればそれを稼働させることができますか？CSSメニューヘルプ（IE Not working＆Transation）

また、トランジションを追加したいと思いますが、それを追加する方法はありますか？

#nmenu {width:700px;} 
#nmenu, #nmenu ul {list-style:none;padding:0;margin:0;} 
#nmenu li {float:left;text-transform:uppercase;margin-left:45px;position:relative;} 
#nmenu li.frst {margin:0;} 
#nmenu ul {width:100px;display:none;position:absolute;top:30px;} 
#nmenu ul li {width:100px;float:left;background-color:rgba(122,202,222,0.5);margin:0;padding:0;} 
#nmenu li a {font: bold 11px/30px Tahoma, Geneva, sans-serif;text-decoration:none;color:#939598;} 
#nmenu li:hover ul {display:block;} 
#nmenu li > ul {top: auto;left: auto;}

出典

2012-03-16 Reis

あなたドンDoctypeを提供しないので、IEはquirksmodeにレンダリングします。有効なHTML5 (<!DOCTYPE html>)またはHTML4を使用してください。 CSSプロパティをアニメートするためには特定の値が必要なので、トランジションは少し難しくなります。代わりにopacityをtransition: opacity 1s easeでアニメーションすることもできます。

も参照してください：

出典

2012-03-16 21:40:49 Zeta

私はCSSのみでIEの互換性についてはよく分からないが、私はそれがここに... jqueryのを使用して動作すると確信していますが、単純なコードです：

$('#nmenu li').hover(function() { 
    $(this).find('ul').toggle(); 
});

出典

2012-03-16 21:40:14 Paulooze

CSSメニューヘルプ（IE Not working＆Transation）

答えて

関連する問題